@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d1d5db;background:#0a0a0a;line-height:1.7;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{color:#374151;background:#f8f9fa}::selection{background:#00d4ff;color:#0a0a0a}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.stagger-children.visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.gradient-text{background:linear-gradient(135deg,#00d4ff,#00bcd4,#0097a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#00d4ff,#0097a7,#00d4ff,#0097a7);background-size:300% 300%;border-radius:inherit;z-index:-1;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,35px) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}.animate-float-1{animation:float 18s ease-in-out infinite}.animate-float-2{animation:float 22s ease-in-out infinite reverse}.animate-float-3{animation:float 26s ease-in-out infinite 2s}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{display:inline-block;width:3px;height:1em;background:#00d4ff;margin-left:4px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes fillBar{0%{width:0%}}.skill-bar-fill{animation:fillBar 1.5s ease-out forwards}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-ring{animation:rotateRing 8s linear infinite}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#00d4ff,transparent);transform:translate(-50%)}@media(max-width:768px){.timeline-line{left:20px}}.card-hover{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #00d4ff26;border-color:#00d4ff4d}.pub-item{transition:all .2s ease}.pub-item:hover{background:#00d4ff0d}.skill-tag{transition:all .2s ease}.skill-tag:hover{background:#00d4ff26;color:#00d4ff;border-color:#00d4ff4d;transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f1f1}[data-theme=light] ::-webkit-scrollbar-thumb{background:silver}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0097a7}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:1rem;transition:all .3s ease}.glass-card:hover{background:#ffffff0f;border-color:#00d4ff33}