:root{--primary-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-color:#475569;--glow-color:#3b82f6;--matrix-green:#00ff41;--gradient-primary:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-secondary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-cyberpunk:linear-gradient(135deg,#00ff41,#3b82f6)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-0{z-index:0}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.flex-shrink{flex-shrink:1}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-500,.border-glow{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-black\/50{background-color:rgb(0 0 0/.5)}.bg-blue-500,.bg-glow{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:rgb(31 41 55/.5)}.bg-gray-900\/20{background-color:rgb(17 24 39/.2)}.p-4{padding:1rem}.p-6{padding:1.5rem}.text-center{text-align:center}.font-inter{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.italic{font-style:italic}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-text-primary{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.blur-0{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-0{--tw-blur:blur(0)}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scroll-snap-type:y mandatory}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;cursor:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(59,130,246,.1);-webkit-touch-callout:none;touch-action:pan-y}.cursor{width:20px;height:20px;background:var(--glow-color);border-radius:50%;z-index:9999;transition:all .1s ease;box-shadow:0 0 20px var(--glow-color)}.cursor,.cursor-follower{position:fixed;pointer-events:none}.cursor-follower{width:40px;height:40px;border:2px solid var(--glow-color);border-radius:50%;z-index:9998;opacity:.5}.navbar{position:fixed;top:0;left:0;width:100%;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:999;padding:.75rem 0;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.brand-link{text-decoration:none;transition:all .3s ease}.brand-link:hover{transform:scale(1.05)}.nav-brand h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav-menu{list-style:none;gap:2rem}.nav-menu,.nav-menu li{display:flex;align-items:center;margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.nav-link:hover{color:var(--text-primary);background:rgba(59,130,246,.1);box-shadow:0 0 20px rgba(59,130,246,.3)}.nav-link.active{color:var(--glow-color);background:rgba(59,130,246,.2)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px;z-index:10001}.hamburger span{width:25px;height:3px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.1);z-index:1000}.progress-fill{height:100%;background:var(--gradient-primary);width:0;transition:width .3s ease}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;transition:opacity .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-screen-hiding{opacity:0}.loading-content{text-align:center}.loading-emoji{font-size:4rem;margin-bottom:2rem;animation:pulse 2s infinite}.loading-text{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;font-family:JetBrains Mono,monospace}.loading-bar{width:300px;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:var(--gradient-primary);border-radius:2px;animation:loading 3s ease-in-out}.scene{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:60px;scroll-snap-align:start}.scene-content{max-width:1200px;width:100%;padding:2rem;text-align:center;z-index:2;position:relative}.scene-text h1,.scene-text h2{font-size:4rem;font-weight:900;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.scene-text p{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem}.reveal-text{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.reveal-text.revealed{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.3s}.delay-2{transition-delay:.6s}.scene-1{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0,var(--bg-primary) 70%)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero-text{text-align:left}.hero-text .floating-emoji{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:float 6s ease-in-out infinite}.hero-text h1{font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:1.4rem;color:var(--accent-color);margin-bottom:1.5rem;font-weight:600}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.8rem 2rem;font-weight:600;display:inline-block;text-align:center}.btn-primary{color:white;box-shadow:0 4px 15px rgba(59,130,246,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.6)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--glow-color)}.btn-secondary:hover{background:var(--glow-color);color:var(--bg-primary);transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center;align-items:center}.floating-card{background:rgba(30,41,59,.8);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.3);animation:card-float 8s ease-in-out infinite}.code-snippet{font-family:JetBrains Mono,monospace}.code-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(51,65,85,.8);border-radius:8px 8px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.filename{color:var(--text-secondary);font-size:.9rem}.code-body{padding:1.5rem;background:rgba(15,23,42,.8);border-radius:0 0 8px 8px;font-size:.9rem;line-height:1.6}.keyword{color:#8b5cf6}.function{color:#06b6d4}.string{color:#10b981}.floating-emoji{font-size:8rem;margin-bottom:2rem;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:var(--text-muted);animation:bounce 2s infinite}.scroll-line{width:2px;height:50px;background:var(--gradient-primary);margin-bottom:.5rem;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);animation:scroll-wave 2s infinite}.scene-2{background:radial-gradient(circle at 30% 70%,rgba(16,185,129,.1) 0,var(--bg-primary) 70%)}.morphing-container{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:3rem;perspective:1000px}.emoji-morph{font-size:6rem;animation:morph 4s ease-in-out infinite;transform-style:preserve-3d}.emoji-morph:first-child{animation-delay:0s}.emoji-morph:nth-child(3){animation-delay:2s}.arrow-container{display:flex;flex-direction:column;gap:.5rem}.arrow{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid var(--glow-color);animation:arrow-flow 2s ease-in-out infinite}.arrow:first-child{animation-delay:0s}.arrow:nth-child(2){animation-delay:.3s}.arrow:nth-child(3){animation-delay:.6s}.scene-3{background:var(--bg-primary);position:relative}.about-matrix-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:2rem}.about-content{padding:2rem}.about-text h3{color:var(--text-primary);font-size:2rem;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.stats-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.stats-preview .stat-item{text-align:center;padding:1.5rem;background:rgba(59,130,246,.1);border-radius:12px;border:1px solid rgba(59,130,246,.3)}.stats-preview .stat-number{font-size:2rem;font-weight:900;color:var(--glow-color);display:block;margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.stats-preview .stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.matrix-bg{background:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,255,65,.03) 100px);animation:matrix-scroll 20s linear infinite}.matrix-bg,.matrix-bg:before{position:absolute;top:0;left:0;width:100%;height:100%}.matrix-bg:before{content:"";background:radial-gradient(circle at 20% 80%,rgba(0,255,65,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,65,.1) 0,transparent 50%);animation:matrix-glow 8s ease-in-out infinite}.terminal-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.terminal{background:rgba(30,41,59,.95);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);min-width:600px;max-width:800px;animation:terminal-appear 1s ease-out}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(51,65,85,.8);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-buttons{display:flex;gap:.5rem}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.btn-red{background:#ef4444}.btn-yellow{background:#f59e0b}.btn-green{background:#10b981}.terminal-title{color:var(--text-secondary);font-size:.9rem}.terminal-body,.terminal-title{font-family:JetBrains Mono,monospace}.terminal-body{padding:1.5rem;background:rgba(15,23,42,.8);border-radius:0 0 12px 12px}.terminal-line{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.prompt{color:var(--matrix-green);font-weight:600}.command{color:var(--text-primary)}.typing-effect{border-right:2px solid var(--glow-color);animation:typing 3s steps(20),blink 1s infinite}.terminal-output{margin-top:1rem}.scan-line{margin-bottom:.5rem;color:var(--text-secondary);opacity:0;animation:scan-appear .5s ease-out forwards}.scan-line:first-child{animation-delay:1s}.scan-line:nth-child(2){animation-delay:1.5s}.scan-line:nth-child(3){animation-delay:2s}.scan-line:nth-child(4){animation-delay:2.5s}.scan-line.success{color:var(--success-color);font-weight:600}.initial-line{margin-bottom:1rem}.typed-command{color:var(--text-primary)}.cursor-blink{color:var(--matrix-green)}.cursor-blink,.cursor-blink.active{animation:cursor-blink 1s infinite}.cursor-blink.hidden{opacity:0;animation:none}.terminal-output{margin-top:0}.output-line{margin-bottom:.3rem;opacity:0;animation:terminal-appear .3s ease-out forwards}.processing-line{color:var(--accent-color)}.data-line{color:var(--text-secondary)}.success-line{color:var(--success-color);font-weight:600}.new-prompt{margin-top:1rem;color:var(--text-primary)}.scene-4{background:var(--bg-primary);position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem}.skill-category-card{background:rgba(30,41,59,.8);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:card-float 8s ease-in-out infinite}.skill-category-card:first-child{animation-delay:0s}.skill-category-card:nth-child(2){animation-delay:1s}.skill-category-card:nth-child(3){animation-delay:2s}.skill-category-card:nth-child(4){animation-delay:3s}.skill-category-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(59,130,246,.3);border-color:var(--glow-color)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-icon{font-size:2rem;padding:.8rem;background:rgba(59,130,246,.1);border-radius:12px;border:2px solid var(--glow-color);box-shadow:0 0 15px rgba(59,130,246,.3)}.category-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0}.skill-items{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.skill-name{color:var(--text-primary);font-weight:600;font-size:1rem;min-width:120px}.skill-bar{flex:1;height:8px;background:rgba(255,255,255,.1);overflow:hidden}.skill-bar,.skill-fill{border-radius:10px;position:relative}.skill-fill{height:100%;background:var(--gradient-primary);transition:all 1s ease;animation:skill-fill 2s ease-out}.skill-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:shimmer 3s infinite}.scene-5{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.timeline-event.detailed{max-width:300px;text-align:left}.timeline-event.detailed .event-content h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}.timeline-event.detailed .event-content h4{font-size:1rem;margin-bottom:1rem;color:var(--accent-color);font-weight:600}.timeline-event.detailed .event-content p{font-size:.9rem;line-height:1.5;margin-bottom:1rem;color:var(--text-secondary)}.event-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:rgba(59,130,246,.1);color:var(--glow-color);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(59,130,246,.3)}.timeline-container{position:relative;width:100%;height:400px;margin-bottom:3rem}.timeline-path{position:absolute;top:0;left:0}.timeline-path,.timeline-svg{width:100%;height:100%}.timeline-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line 3s ease-in-out forwards;opacity:0}.timeline-events{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.timeline-event{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;transform:translateY(30px);animation:event-appear .8s ease-out forwards}.timeline-event:first-child{animation-delay:.5s}.timeline-event:nth-child(2){animation-delay:1s}.timeline-event:nth-child(3){animation-delay:1.5s}.timeline-event:nth-child(4){animation-delay:2s}.event-marker{font-size:2.5rem;padding:1rem;background:rgba(59,130,246,.1);border-radius:50%;border:3px solid var(--glow-color);animation:marker-pulse 2s ease-in-out infinite}.event-content{text-align:center}.event-content h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.event-content p{color:var(--text-muted);font-size:.9rem}.scene-6{background:radial-gradient(circle at 70% 30%,rgba(99,102,241,.1) 0,var(--bg-primary) 70%)}.project-card.detailed{padding:2.5rem;min-height:400px;display:flex;flex-direction:column}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.project-link{color:var(--text-secondary);transition:all .3s ease;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.project-link:hover{color:var(--glow-color);background:rgba(59,130,246,.1);transform:scale(1.1)}.project-content{flex:1}.project-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex:1}.project-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.project-card{background:rgba(30,41,59,.8);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;animation:card-float 8s ease-in-out infinite}.project-card:first-child{animation-delay:0s}.project-card:nth-child(2){animation-delay:2s}.project-card:nth-child(3){animation-delay:4s}.project-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 50px rgba(59,130,246,.3);border-color:var(--glow-color)}.project-icon{font-size:3rem;margin-bottom:1rem;display:block}.project-title{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.project-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.stat{background:rgba(59,130,246,.1);color:var(--glow-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:rgba(255,255,255,.1);color:var(--text-secondary);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.scene-7{background:var(--bg-primary)}.achievements-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto;padding:2rem}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.achievement-card{background:rgba(30,41,59,.8);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:all .3s ease}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(59,130,246,.3);border-color:var(--glow-color)}.achievement-icon{font-size:3rem;margin-bottom:1rem;display:block}.achievement-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.achievement-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.counting{animation:count-up 2s ease-out}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.stat-item{text-align:center;padding:2rem;background:rgba(30,41,59,.5);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:stat-glow 4s ease-in-out infinite}.stat-item:first-child{animation-delay:0s}.stat-item:nth-child(2){animation-delay:1s}.stat-item:nth-child(3){animation-delay:2s}.stat-item:nth-child(4){animation-delay:3s}.stat-number{font-size:3rem;font-weight:900;color:var(--glow-color);display:block;margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.stat-label{font-size:1.1rem;font-weight:600}.analytics-dashboard,.github-dashboard{background:rgba(15,23,42,.8);border-radius:20px;padding:2rem;margin:2rem 0;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-section h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.analytics-grid,.github-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.analytics-card,.github-stat-card{background:rgba(30,41,59,.8);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.analytics-card:hover,.github-stat-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(59,130,246,.2)}.analytics-value,.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.analytics-label,.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.github-contribution-graph{margin:2rem 0}.github-contribution-graph h4{color:var(--text-primary);margin-bottom:1rem}.contribution-grid{display:grid;grid-template-columns:repeat(53,1fr);gap:2px;margin-bottom:1rem;max-width:600px}.contribution-square{width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.05);transition:all .2s ease}.contribution-square:hover{transform:scale(1.2);border:1px solid var(--accent-color)}.contribution-square.level-1{background:rgba(59,130,246,.3)}.contribution-square.level-2{background:rgba(59,130,246,.5)}.contribution-square.level-3{background:rgba(59,130,246,.7)}.contribution-square.level-4{background:rgba(59,130,246,1)}.contribution-legend{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.legend-squares{display:flex;gap:2px}.legend-square{width:10px;height:10px;border-radius:2px}.legend-square.level-0{background:rgba(255,255,255,.05)}.legend-square.level-1{background:rgba(59,130,246,.3)}.legend-square.level-2{background:rgba(59,130,246,.5)}.legend-square.level-3{background:rgba(59,130,246,.7)}.legend-square.level-4{background:rgba(59,130,246,1)}.recent-activity h4,.visitor-map h4{color:var(--text-primary);margin-bottom:1rem}.activity-feed{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.activity-item{display:flex;background:rgba(30,41,59,.5);margin-bottom:.5rem;border-left:3px solid var(--accent-color)}.activity-item:hover{background:rgba(30,41,59,.8)}.activity-icon{font-size:1.2rem;min-width:20px}.activity-details{flex:1}.activity-repo{color:var(--accent-color);font-weight:600}.activity-message{color:var(--text-primary);font-size:.8rem;margin:.2rem 0}.activity-time{color:var(--text-secondary);font-size:.7rem}.activity-loading{text-align:center;padding:2rem;color:var(--text-secondary);animation:pulse 2s infinite}.visitor-stats{display:grid;gap:1rem}.visitor-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(30,41,59,.5);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.visitor-icon{font-size:1.5rem;min-width:30px;text-align:center}.visitor-stat span:last-child{color:var(--text-primary);font-weight:500}.analytics-value.updating,.stat-value.updating{animation:data-update .5s ease}.scene-8{background:var(--bg-primary);position:relative}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto;padding:2rem}.contact-info{margin-bottom:2rem}.contact-info p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.contact-form-container{background:rgba(30,41,59,.8);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:2rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--glow-color);box-shadow:0 0 20px rgba(59,130,246,.3)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.form-field{position:relative}.form-input{width:100%;padding:1rem;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--glow-color);box-shadow:0 0 20px rgba(59,130,246,.3)}.form-input.error{border-color:var(--error-color);background:rgba(239,68,68,.05)}.form-input.valid{border-color:var(--success-color);background:rgba(16,185,129,.05)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.field-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5}.field-error,.field-success{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.field-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#6ee7b7}.error-icon,.success-icon{font-size:1rem}.message-counter{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.counter-check{color:var(--success-color);font-weight:700}.portal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0,transparent 70%);animation:portal-pulse 8s ease-in-out infinite}.contact-portal{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh}.portal-ring{position:absolute;width:400px;height:400px;border:3px solid var(--glow-color);border-radius:50%;animation:ring-spin 20s linear infinite}.portal-ring:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--accent-color);border-radius:50%;animation:ring-spin 10s linear infinite reverse}.portal-center{text-align:center;z-index:2}.contact-emoji{font-size:4rem;margin-bottom:1rem;animation:emoji-rotate 6s ease-in-out infinite}.contact-portal h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem;font-weight:700}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px;margin:0 auto}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(30,41,59,.8);border-radius:12px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--text-secondary);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-link:hover{background:rgba(59,130,246,.1);border-color:var(--glow-color);transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.link-icon{font-size:1.5rem}.link-text{font-weight:500}.scene-9{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.future-quote{max-width:600px;margin:2rem auto 0}.future-quote blockquote{font-size:1.2rem;font-style:italic;color:var(--text-secondary);border-left:4px solid var(--glow-color);padding-left:2rem;margin:0;line-height:1.6}.future-container{text-align:center}.future-emoji{font-size:6rem;margin-bottom:2rem;animation:rocket-launch 4s ease-in-out infinite}.footer{background:var(--bg-secondary);padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:var(--text-muted)}.footer-content p{margin-bottom:.5rem;font-size:.9rem}.scene-films{position:relative}.films-page,.scene-films{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.films-page{min-height:100vh;padding-top:100px}.films-container{max-width:1400px;margin:0 auto;padding:4rem 2rem}.films-header{text-align:center;margin-bottom:4rem}.films-emoji{font-size:4rem;margin-bottom:1rem;animation:float 6s ease-in-out infinite}.films-header h1,.films-header h2{font-size:3rem;font-weight:900;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.films-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.films-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3rem}.film-card{background:rgba(30,41,59,.8);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:card-float 8s ease-in-out infinite}.film-card:first-child{animation-delay:0s}.film-card:nth-child(2){animation-delay:2s}.film-card:nth-child(3){animation-delay:4s}.film-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 60px rgba(59,130,246,.4);border-color:var(--glow-color)}.film-card.clickable{cursor:pointer;text-decoration:none;color:inherit;display:block}.film-card.clickable:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 30px 70px rgba(59,130,246,.5)}.film-card.coming-soon{opacity:.7;cursor:default}.film-card.coming-soon:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 40px rgba(59,130,246,.2)}.film-video{position:relative;width:100%;height:250px;background:var(--bg-primary)}.film-video iframe{border:none}.film-overlay,.film-video iframe{width:100%;height:100%;border-radius:20px 20px 0 0}.film-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.film-card.clickable:hover .film-overlay{opacity:1}.play-button{font-size:3rem;color:var(--glow-color);margin-bottom:1rem;animation:pulse 2s infinite}.overlay-text{color:var(--text-primary);font-size:1.2rem;font-weight:600;text-align:center}.film-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(99,102,241,.1));border-radius:20px 20px 0 0}.placeholder-content{text-align:center;color:var(--text-secondary)}.placeholder-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}.placeholder-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.placeholder-subtitle{font-size:1rem;color:var(--text-muted)}.film-info{padding:2rem}.film-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.film-info p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.film-tags{display:flex;flex-wrap:wrap;gap:.5rem}.film-tags .tag{background:rgba(59,130,246,.1);color:var(--glow-color);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(59,130,246,.3);transition:all .3s ease}.film-tags .tag:hover{background:rgba(59,130,246,.2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(59,130,246,.4)}.films-footer{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-home{margin-bottom:2rem}.mobile-device .matrix-bg,.mobile-device .portal-bg,.mobile-device .stars-bg{animation-duration:4s;animation-iteration-count:1}.mobile-device .morphing-container .emoji-morph{animation-duration:6s;animation-name:float}.mobile-device .portal-ring{animation-duration:30s}.mobile-device .achievement-card,.mobile-device .floating-card,.mobile-device .project-card{animation-duration:8s;will-change:transform}.mobile-device .matrix-bg{animation-duration:30s;opacity:.3}.mobile-device .floating-card,.mobile-device .floating-emoji,.mobile-device .portal-ring,.mobile-device .terminal{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.mobile-device .btn.loading:after,.mobile-device .matrix-bg:before,.mobile-device .skill-fill:after{display:none}.mobile-device .marker-pulse,.mobile-device .portal-glow,.mobile-device .stat-glow{animation:none}.low-performance *{animation:none!important;transition-duration:.2s!important;will-change:auto!important;transform:none!important}.low-performance .matrix-bg,.low-performance .portal-bg,.low-performance .stars-bg{display:none}.low-performance .floating-card,.low-performance .portal-ring,.low-performance .terminal{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-open{overflow:hidden;position:fixed;width:100%}.hidden{opacity:0;visibility:hidden}.visible{opacity:1;visibility:visible}.ios-device .nav-menu,.ios-device .navbar{padding-top:env(safe-area-inset-top)}.ios-device .nav-menu{padding-bottom:env(safe-area-inset-bottom)}.ios-device .scene{padding-top:calc(2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}@keyframes loading{0%{width:0}to{width:100%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-5deg)}}@keyframes card-float{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(5deg)}}@keyframes scroll-wave{0%{top:-100%}to{top:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes morph{0%,to{transform:rotateY(0deg) scale(1)}25%{transform:rotateY(180deg) scale(1.2)}50%{transform:rotateY(1turn) scale(1)}75%{transform:rotateY(540deg) scale(.8)}}@keyframes arrow-flow{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes matrix-scroll{0%{transform:translateX(0)}to{transform:translateX(-100px)}}@keyframes matrix-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes terminal-appear{0%{opacity:0;transform:scale(.8) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0deg)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--glow-color)}}@keyframes scan-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes skill-fill{0%{width:0}to{width:inherit}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes draw-line{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes event-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes marker-pulse{0%,to{box-shadow:0 0 20px rgba(59,130,246,.3)}50%{box-shadow:0 0 40px rgba(59,130,246,.6)}}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stat-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.1)}50%{box-shadow:0 0 40px rgba(59,130,246,.3)}}@keyframes data-update{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes portal-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes emoji-rotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}@keyframes rocket-launch{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(10deg)}50%{transform:translateY(-40px) rotate(0deg)}75%{transform:translateY(-20px) rotate(-5deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes subtle-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes final-glow{0%,to{filter:drop-shadow(0 0 30px rgba(59,130,246,.5))}50%{filter:drop-shadow(0 0 60px rgba(59,130,246,.9))}}@keyframes portal-glow{0%,to{box-shadow:0 0 50px rgba(59,130,246,.3)}50%{box-shadow:0 0 100px rgba(59,130,246,.6)}}.form-status{margin-bottom:1rem;padding:.8rem;border-radius:8px;font-size:.9rem;font-weight:500;text-align:center;animation:status-appear .3s ease}.form-status.success{background:rgba(16,185,129,.1);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.form-status.error{background:rgba(239,68,68,.1);color:var(--error-color);border:1px solid rgba(239,68,68,.3)}.form-status.info{background:rgba(59,130,246,.1);color:var(--accent-color);border:1px solid rgba(59,130,246,.3)}.btn.loading{position:relative;overflow:hidden}.btn.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-shimmer 1.5s infinite}@keyframes status-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.future-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.future-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(30,41,59,.5);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.future-stat:hover{transform:translateY(-5px);border-color:var(--glow-color);box-shadow:0 10px 30px rgba(59,130,246,.3)}.stat-icon{font-size:1.5rem}.stat-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.future-quote cite{display:block;margin-top:1rem;font-size:1rem;color:var(--text-muted);font-style:normal;font-weight:500}.delay-3{transition-delay:.9s}.delay-4{transition-delay:1.2s}.delay-5{transition-delay:1.5s}.touch-device .contact-link:hover,.touch-device .project-card:hover,.touch-device .skill-item:hover{transform:none;animation:none}.touch-device .btn{min-height:44px;padding:.75rem 1.5rem}.achievement-card,.btn,.contact-link,.nav-link,.project-card{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active,.contact-link:active,.nav-link:active{background:rgba(59,130,246,.2);transform:scale(.98);transition:all .1s ease}.achievement-card:active,.project-card:active,.skill-category-card:active{transform:scale(.98);transition:all .1s ease}.ios-device .scene{touch-action:pan-y;-webkit-overflow-scrolling:touch}.ios-device .contact-form input,.ios-device .contact-form textarea{touch-action:manipulation;-webkit-appearance:none;border-radius:8px}@media (max-width:768px){html{scroll-snap-type:y mandatory}.navbar{padding:.5rem 0}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;z-index:10000;border-left:1px solid rgba(255,255,255,.1)}.nav-menu.active{right:0}.nav-menu li{opacity:0;animation:slideInFromRight .3s ease forwards}.nav-menu.active li:first-child{animation-delay:.1s}.nav-menu.active li:nth-child(2){animation-delay:.2s}.nav-menu.active li:nth-child(3){animation-delay:.3s}.nav-menu.active li:nth-child(4){animation-delay:.4s}.nav-menu.active li:nth-child(5){animation-delay:.5s}.nav-menu.active li:nth-child(6){animation-delay:.6s}.hamburger{display:flex}.hero-layout{grid-template-columns:1fr;gap:2rem}.hero-layout,.hero-text{text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.about-matrix-layout,.achievements-layout,.skills-layout{grid-template-columns:1fr;gap:2rem}.achievements-grid{grid-template-columns:1fr}.contact-layout,.films-grid{grid-template-columns:1fr;gap:2rem}.films-header h2{font-size:2.5rem}.film-video{height:200px}.scene-text h1,.scene-text h2{font-size:2.5rem}.scene-text p{font-size:1.2rem}.floating-emoji{font-size:5rem}.morphing-container{flex-direction:column;gap:2rem}.emoji-morph{font-size:4rem}.terminal{min-width:90%;margin:0 1rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-category-card{padding:1.5rem}.category-header{flex-direction:column;text-align:center;gap:.5rem}.skill-name{min-width:100px;font-size:.9rem}.timeline-events{flex-direction:column;gap:2rem}.project-showcase{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.contact-links{grid-template-columns:1fr;gap:1rem}.portal-ring{width:300px;height:300px}.analytics-dashboard,.github-dashboard{padding:1.5rem;margin:1rem 0}.analytics-grid,.github-stats-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.analytics-card,.github-stat-card{padding:1rem}.analytics-value,.stat-value{font-size:1.5rem}.contribution-grid{grid-template-columns:repeat(26,1fr);max-width:300px}.contribution-square{width:8px;height:8px}.scene-text p{font-size:1.1rem;line-height:1.6}.btn{min-height:44px;padding:.75rem 1.5rem;font-size:1rem}.hero-buttons{gap:1rem}.scene{min-height:100vh;scroll-snap-align:start;padding:2rem 1rem}html{scroll-snap-type:y proximity}.loading-screen{padding:2rem}.loading-emoji{font-size:4rem}.terminal{font-size:.9rem}.terminal-body{padding:1rem}.contact-form input,.contact-form textarea{font-size:16px;min-height:44px}.film-card{margin:0 1rem}.mobile-device .morphing-container .arrow{animation-duration:2s}.mobile-device .floating-card{animation-duration:6s}.mobile-device .btn:active{transform:scale(.98);background:var(--accent-color)}.mobile-device .project-card:active{transform:translateY(-5px) scale(1.02)}.mobile-device .contact-link:active{transform:translateY(-2px);background:rgba(59,130,246,.1)}}@media (max-width:480px){.scene-text h1,.scene-text h2{font-size:2rem;line-height:1.2}.scene-text p{font-size:1rem;line-height:1.5}.floating-emoji{font-size:4rem}.constellation-container{grid-template-columns:1fr;gap:1.5rem}.stats-container{grid-template-columns:1fr;gap:1rem}.portal-ring{width:250px;height:250px}.nav-menu{width:100vw;right:-100vw}.scene{padding:1.5rem 1rem}.hero-text h1{font-size:2rem}.btn{width:100%;max-width:280px}.skill-category-card{padding:1rem}.terminal{margin:0 .5rem;min-width:95%}.contact-form{padding:1.5rem}.floating-card{animation:none;transform:none}.morphing-container .arrow{animation:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.analytics-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:2rem 0}.analytics-container{max-width:1200px;margin:0 auto;padding:0 2rem}.analytics-header{text-align:center;margin-bottom:3rem;padding:2rem;background:rgba(30,41,59,.5);border-radius:20px;border:1px solid rgba(59,130,246,.2)}.analytics-emoji{font-size:4rem;margin-bottom:1rem;animation:emoji-rotate 4s ease-in-out infinite}.analytics-header h1{font-size:3rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-header p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.live-clock{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:JetBrains Mono,monospace;background:rgba(59,130,246,.1);padding:1rem 2rem;border-radius:12px;border:1px solid rgba(59,130,246,.3)}.clock-label{color:var(--text-secondary);font-size:.9rem}.clock-time{color:var(--accent-color);font-size:1.1rem;font-weight:600}.analytics-section{background:rgba(30,41,59,.3);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.8rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.section-controls{gap:1rem;flex-wrap:wrap}.refresh-btn,.section-controls{display:flex;align-items:center}.refresh-btn{background:var(--gradient-primary);color:white;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;gap:.5rem}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(59,130,246,.3)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn.loading{animation:pulse 1.5s infinite}.last-updated{font-size:.85rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:rgba(15,23,42,.5);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.loading{background:var(--warning-color)}.status-dot.success{background:var(--success-color)}.status-dot.error{background:var(--error-color)}.status-message{font-size:.9rem;color:var(--text-secondary)}.rate-limit-info{background:rgba(245,158,11,.1);color:var(--warning-color);padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(245,158,11,.3);font-size:.85rem;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace}.error-card{text-align:center;padding:2rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--text-primary)}.error-icon{font-size:3rem;margin-bottom:1rem}.error-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--error-color)}.error-card p{color:var(--text-secondary);margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:rgba(15,23,42,.8);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(59,130,246,.2)}.stat-icon{font-size:2rem;margin-bottom:1rem;display:block}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contribution-section{margin-top:2rem}.contribution-section h3{font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.contribution-graph{display:grid;grid-template-columns:repeat(52,1fr);gap:2px;max-width:600px;margin:0 auto;padding:1rem;background:rgba(15,23,42,.5);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.contribution-day{width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.1);transition:all .2s ease}.contribution-day.level-1{background:rgba(16,185,129,.3)}.contribution-day.level-2{background:rgba(16,185,129,.6)}.contribution-day.level-3{background:rgba(16,185,129,.8)}.contribution-day.level-4{background:var(--success-color)}.activity-section{margin-top:2rem}.activity-section h3{font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;background:rgba(15,23,42,.5);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.activity-item:hover{border-color:var(--accent-color);transform:translateX(5px)}.activity-type{font-weight:600;color:var(--accent-color);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.activity-repo{color:var(--text-primary);font-size:.9rem}.activity-repo,.activity-time{font-family:JetBrains Mono,monospace}.activity-time{color:var(--text-muted);font-size:.8rem}.visitor-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.visitor-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(15,23,42,.5);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.visitor-label{font-weight:500;color:var(--text-secondary);min-width:80px}.visitor-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:500}.loading-placeholder,.no-data-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);font-style:italic}.analytics-footer{text-align:center;margin-top:3rem;padding:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(59,130,246,.3)}.btn-primary{background:var(--gradient-primary)}@media (max-width:768px){.analytics-container{padding:0 1rem}.analytics-header{padding:1.5rem}.analytics-header h1{font-size:2rem}.analytics-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.8rem}.contribution-graph{grid-template-columns:repeat(26,1fr);max-width:350px}.contribution-day{width:8px;height:8px}.activity-item{gap:.5rem;text-align:left}.activity-item,.visitor-info{grid-template-columns:1fr}.visitor-item{flex-direction:column;align-items:flex-start;gap:.5rem}.visitor-label{min-width:auto;font-size:.9rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.analytics-header h1{font-size:1.8rem}.analytics-emoji{font-size:3rem}.live-clock{flex-direction:column;gap:.5rem;padding:1rem}}