@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Playfair+Display:wght@700&family=Outfit:wght@400;700;900&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a0aab2;--accent-color:#00e1ff;--accent-secondary:#7000ff;--accent-glow:#00e1ff99;--card-bg:#ffffff08;--card-border:#ffffff14}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{margin-bottom:1rem;font-family:Outfit,sans-serif}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{color:#fff;text-shadow:0 0 10px var(--accent-glow)}.container{z-index:10;max-width:1200px;margin:0 auto;padding:2rem;position:relative}.bg-shapes{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(80px);opacity:.5;animation:20s infinite alternate float;position:absolute}.shape-1{background:var(--accent-secondary);width:500px;height:500px;animation-delay:-5s;top:-10%;left:-10%}.shape-2{background:var(--accent-color);width:600px;height:600px;animation-duration:25s;bottom:-10%;right:-10%}header{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.profile-pic-container{margin-bottom:2rem;animation:6s ease-in-out infinite floatAvatar;position:relative}.profile-pic-container:before{content:"";background:var(--accent-color);z-index:-1;filter:blur(15px);opacity:.4;border-radius:50%;animation:4s linear infinite alternate pulseGlow;position:absolute;inset:-10px}.profile-pic{object-fit:cover;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:4px solid #fff3;border-radius:50%;width:200px;height:200px;box-shadow:0 8px 32px #0000005e}header h1{color:var(--accent-color);letter-spacing:-2px;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;animation:1s ease-out fadeInDown}header h2{color:#ddd;letter-spacing:4px;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.8rem;font-weight:400;animation:1.2s ease-out fadeIn}header p{color:var(--text-secondary);max-width:700px;font-size:1.2rem;line-height:1.8;animation:1s ease-out .5s both fadeInUp}.section{padding:8rem 0}.section-title{text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:5rem;font-size:3rem;font-weight:900;position:relative}.section-title span{color:var(--accent-color)}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);z-index:1;border-radius:20px;padding:3rem 2.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;background:#ffffff0d;transition:opacity .5s;position:absolute;inset:0}.card:hover{border-color:#00e1ff80;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 40px #000c,0 0 20px #00e1ff33}.card:hover:before{opacity:1}.card h3{color:#fff;margin-bottom:1rem;font-size:1.6rem}.card p{color:var(--text-secondary);font-size:1.1rem}.btn{border:2px solid var(--accent-color);color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;cursor:pointer;z-index:1;background:0 0;border-radius:50px;padding:1rem 2.5rem;font-weight:700;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.btn:after{content:"";background:var(--accent-color);z-index:-1;transform-origin:100%;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.btn:hover{color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 10px 20px #00e1ff4d}.btn:hover:after{transform-origin:0;transform:scaleX(1)}.btn-solid{background:var(--accent-color);color:#fff;border:none}.btn-solid:after{background:#fff}.btn-solid:hover{color:var(--bg-color)}footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;margin-top:5rem;padding:3rem}@keyframes float{0%{transform:translate(0)rotate(0)}to{transform:translate(100px,50px)rotate(45deg)}}@keyframes floatAvatar{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.5;filter:blur(15px)}to{opacity:.9;filter:blur(25px);transform:scale(1.05)}}@keyframes gradientText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}