body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #00ff88;--accent-secondary: #ff0066;--gradient-1: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);--gradient-2: linear-gradient(135deg, #ff0066 0%, #ff6b00 100%)}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;cursor:none}.cursor-follower{width:20px;height:20px;border:2px solid var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .2s ease,border-color .3s ease;mix-blend-mode:difference}.container{max-width:1400px;margin:0 auto;padding:0 60px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding:100px 0}.glitch-container{position:relative;margin-bottom:30px}.name{font-family:Syne,sans-serif;font-size:clamp(4rem,12vw,10rem);font-weight:800;letter-spacing:-.03em;line-height:.9;text-transform:uppercase;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,136,.5))}50%{filter:drop-shadow(0 0 40px rgba(0,255,136,.8))}}.name:before{content:attr(data-text);position:absolute;left:2px;top:2px;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;z-index:-1}.name.glitching:before{animation:glitchEffect .3s}@keyframes glitchEffect{0%,to{opacity:0;transform:translate(0)}20%,60%{opacity:.7;transform:translate(-3px,3px)}40%,80%{opacity:.8;transform:translate(3px,-3px)}}.tagline{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:60px;animation:fadeInUp 1s ease .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-size:2rem;color:var(--accent);animation:bounce 2s infinite;cursor:pointer}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}60%{transform:translate(-50%) translateY(-10px)}}section{margin:150px 0;position:relative}.section-header{display:flex;align-items:center;gap:30px;margin-bottom:60px;position:relative}.section-number{font-family:Syne,sans-serif;font-size:6rem;font-weight:800;color:transparent;-webkit-text-stroke:2px var(--accent);opacity:.3;line-height:1}.section-header h2{font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em}.about-content{max-width:900px;position:relative}.about-text{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.7;color:var(--text-secondary);font-weight:400;position:relative;padding-left:40px;border-left:4px solid var(--accent)}.decorative-line{width:0;height:2px;background:var(--gradient-1);margin-top:40px;animation:expandLine 1.5s ease .5s forwards}@keyframes expandLine{to{width:300px}}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:60px}.interest-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);padding:50px 40px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.interest-card:before{content:attr(data-number);position:absolute;top:20px;right:30px;font-family:Syne,sans-serif;font-size:4rem;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(0,255,136,.2);transition:all .4s ease}.interest-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.interest-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 20px 60px #0f83}.interest-card:hover:before{color:transparent;-webkit-text-stroke:1px rgba(0,255,136,.8);transform:scale(1.1)}.interest-card:hover:after{transform:scaleX(1)}.interest-card h3{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.interest-card p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.footer{margin-top:200px;padding:80px 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{text-align:center}.contact-line{font-size:1.5rem;color:var(--text-secondary);margin-bottom:40px}.footer-decoration{display:flex;justify-content:center;gap:20px}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:dotPulse 2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}@media(max-width:768px){.container{padding:0 30px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-number{font-size:4rem}.about-text{padding-left:20px}.interests-grid{grid-template-columns:1fr;gap:30px}.interest-card{padding:40px 30px}body{cursor:auto}.cursor-follower{display:none}}@media(max-width:480px){.tagline{margin-bottom:40px}.scroll-indicator{bottom:40px}}