:root{--body-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display-font:"Avenir Next Condensed","DIN Condensed","Arial Narrow","Roboto Condensed","Segoe UI",sans-serif;--mono-font:"SF Mono","IBM Plex Mono","Courier New",monospace;--page-bg:#030406;--surface:#0a0d10db;--surface-muted:#07090d;--surface-strong:#f4f1e8;--text:#f7f4ea;--text-muted:#8f98a3;--border:#f7f4ea24;--shadow-sm:0 18px 50px #00000052;--shadow-md:0 34px 90px #00000070;--accent:#ff5a1f;--accent-strong:#ff6f2c;--accent-warm:#d8ff4f;--accent-coral:#ff3d55;--electric:#57e3ff;--radius:8px;--section-x:clamp(1.25rem,4vw,4rem);--section-y:clamp(5rem,10vw,8rem);--content-max:1280px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030406;background:var(--page-bg);color:#f7f4ea;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}html{scrollbar-color:#d8ff4fad #02030adb;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#02030af5,#060a0ef5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#57e3ff94,#f7f4eadb,#d8ff4fb8);border:2px solid #02030af5;border-radius:999px;box-shadow:inset 0 0 10px #f7f4ea38,0 0 12px #57e3ff3d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#57e3ffc7,#f7f4eaf5,#ff6f2cc7)}@media (min-width:901px){html{scrollbar-width:none}body{-ms-overflow-style:none}::-webkit-scrollbar{height:0;width:0}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#ff5a1f6b}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body-font)}body,html{max-width:100%;overflow-x:hidden;width:100%}.App{background:linear-gradient(180deg,#010204,#060b11 46%,#020304);color:var(--text);isolation:isolate;min-height:100vh;overflow:visible;position:relative}.App:after,.App:before{content:"";display:none}.section{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:0}h1,h2,h3,h4{text-wrap:balance;color:var(--text);font-family:var(--display-font);letter-spacing:0}li,p{color:var(--text-muted)}.App .about-content p,.App .confirmation-message,.App .contact-description,.App .education-card li,.App .education-card p,.App .error-message,.App .form-group input,.App .form-group textarea,.App .job-card li,.App .job-card p,.App .mystory-section p,.App .paragraph,.App .project-description,.App .skills-section .skill-name,.App .skills-section .skill-proficiency-advanced,.App .skills-section .skill-proficiency-beginner,.App .skills-section .skill-proficiency-intermediate{font-family:var(--mono-font)}a{color:inherit}img{max-width:100%}.about-container,.contact-section,.education-skills-container,.job-experience-container,.mystory-container,.projects-container{background:#0000;min-height:145vh;overflow:visible;perspective:1600px;position:relative;transform-style:preserve-3d;z-index:2}.about-container:before,.contact-section:before,.education-skills-container:before,.job-experience-container:before,.mystory-container:before,.projects-container:before{background:linear-gradient(90deg,#0000,#d8ff4f6b,#0000);content:"";height:1px;inset:clamp(5rem,9vw,8rem) var(--section-x) auto;opacity:.68;pointer-events:none;position:absolute}.about-container:after,.contact-section:after,.education-skills-container:after,.job-experience-container:after,.mystory-container:after,.projects-container:after{display:none}.education-skills-container:after,.job-experience-container:after,.mystory-container:after,.projects-container:after{animation:spinePulse 5.8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 22% 30%,rgba(216,255,79,.075),#0000 34%),radial-gradient(ellipse at 74% 48%,rgba(87,227,255,.105),#0000 46%),radial-gradient(ellipse at 34% 78%,#a88dff14,#0000 42%);border-radius:50%;box-shadow:0 0 110px #57e3ff14,inset 0 0 80px rgba(216,255,79,.035);filter:blur(30px);opacity:.07;width:100%}@keyframes spinePulse{0%{filter:blur(28px);opacity:.06}to{filter:blur(34px);opacity:.1}}@keyframes galaxyDrift{0%{transform:scale(1.08) translate3d(-1.5vw,-1vh,0)}to{transform:scale(1.12) translate3d(1.5vw,1.2vh,0)}}@keyframes galaxyColumnDrift{0%{transform:rotate(-1deg) translate3d(-1vw,-1.5vh,0)}to{transform:rotate(1deg) translate3d(1vw,1.5vh,0)}}.about-content p,.contact-form,.education-card,.job-card,.mystory-section,.project-card,.skills-section{--motion-x:0vw;--motion-y:0vh;--motion-z:0px;--motion-rx:0deg;--motion-ry:0deg;--motion-rz:0deg;--motion-scale:1;--motion-opacity:1;--motion-blur:0px;--motion-glow:0.12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#f7f4ea21,hsla(46,45%,94%,.026)),#03050857;border:1px solid #f7f4ea29;box-shadow:0 34px 120px #00000061,0 0 90px rgba(87,227,255,var(--motion-glow)),inset 0 0 28px #57e3ff0a;-webkit-clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% 100%,1.2rem 100%,0 calc(100% - 1.2rem));clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% 100%,1.2rem 100%,0 calc(100% - 1.2rem));contain:paint;filter:none;opacity:var(--motion-opacity);position:relative;transform:translate3d(var(--motion-x),var(--motion-y),var(--motion-z)) rotateX(var(--motion-rx)) rotateY(var(--motion-ry)) rotate(var(--motion-rz)) scale(var(--motion-scale));transform-style:preserve-3d;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;will-change:transform,opacity}.about-content p:after,.contact-form:after,.education-card:after,.job-card:after,.mystory-section:after,.project-card:after,.skills-section:after{background:linear-gradient(90deg,#f7f4ea0d 1px,#0000 0),linear-gradient(180deg,#f7f4ea0a 1px,#0000 0);background-size:28px 28px;content:"";inset:0;mix-blend-mode:screen;opacity:.2;pointer-events:none;position:absolute}.about-content h1,.mystory-title,.project-title,.section-title{--title-x:0vw;--title-y:0vh;--title-skew:0deg;--title-opacity:1;font-family:var(--display-font);font-stretch:condensed;opacity:var(--title-opacity);text-shadow:0 0 24px #f7f4ea1f,0 0 60px #57e3ff14;transform:translate3d(var(--title-x),var(--title-y),0) skewX(var(--title-skew));will-change:transform,opacity}.App .about-container,.App .contact-section,.App .education-skills-container,.App .job-experience-container,.App .mystory-container,.App .projects-container{background:#0000;position:relative;z-index:2}.App .education-section,.App .job-experience-list,.App .mystory-content,.App .project-grid{grid-gap:clamp(1.2rem,3vw,2.25rem);align-items:start;background:#0000;border:0;display:grid;gap:clamp(1.2rem,3vw,2.25rem);grid-template-columns:repeat(12,minmax(0,1fr));max-width:var(--content-max);width:100%}.App .education-card,.App .job-card,.App .mystory-section,.App .project-card{grid-column:span 8;margin:0;width:100%}.App .education-card:nth-child(odd),.App .job-card:nth-child(odd),.App .mystory-section:nth-child(odd),.App .project-card:nth-child(odd){grid-column:1/span 8}.App .education-card:nth-child(2n),.App .job-card:nth-child(2n),.App .mystory-section:nth-child(2n),.App .project-card:nth-child(2n){grid-column:5/span 8}.App .project-card:nth-child(3n){grid-column:3/span 8}.App .project-card,.App .project-card:nth-child(2n),.App .project-card:nth-child(3n),.App .project-card:nth-child(odd){grid-column:span 6;max-width:640px}.App .project-card:nth-child(odd){grid-column:1/span 6}.App .project-card:nth-child(2n){grid-column:7/span 6}.App .project-card:nth-child(3n){grid-column:4/span 6}.App .skills-section{background:radial-gradient(ellipse at 45% 30%,#57e3ff14,#0000 36%),linear-gradient(135deg,hsla(46,45%,94%,.105),hsla(46,45%,94%,.035)),#03050875;margin-left:auto;width:min(980px,100%)}.App .about-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:0;box-shadow:none;-webkit-clip-path:none;clip-path:none}.App .about-content h1{grid-row:1/span 4}.App .about-content p,.App .contact-form,.App .education-card,.App .job-card,.App .mystory-section,.App .project-card,.App .skills-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(46,45%,94%,.105),hsla(46,45%,94%,.025)),#03050847;border:1px solid #f7f4ea29;box-shadow:0 34px 120px #00000057,0 0 90px rgba(87,227,255,var(--motion-glow)),inset 0 0 28px rgba(87,227,255,.035);-webkit-clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% 100%,1.2rem 100%,0 calc(100% - 1.2rem));clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% 100%,1.2rem 100%,0 calc(100% - 1.2rem))}.App .contact-form{filter:none!important;opacity:1!important;pointer-events:auto;transform:translateZ(0)!important;will-change:auto;z-index:8}.App .contact-form .form-group,.App .contact-form button,.App .contact-form input,.App .contact-form label,.App .contact-form textarea{pointer-events:auto;position:relative;z-index:9}.App .contact-form:after{pointer-events:none;z-index:0}.App .contact-form input,.App .contact-form textarea{cursor:text;-webkit-user-select:text;user-select:text}.App .project-card{filter:none!important;opacity:1!important;pointer-events:auto;transform:none!important;transform-style:flat;will-change:auto}.App .project-card:after{pointer-events:none;z-index:0}.App .project-card>*{position:relative;z-index:2}.App .project-link{pointer-events:auto;position:relative;transform:none;z-index:20}.App .project-link:hover{transform:translateY(-1px)}.App .about-content p{grid-column:2;padding:1.2rem 1.35rem}.App [data-motion-mode=planet],.App [data-motion-mode=signal]{background:radial-gradient(ellipse at 22% 18%,#57e3ff1f,#0000 36%),linear-gradient(128deg,#f7f4ea1f,hsla(46,45%,94%,.026)),#0305084d;border-color:#f7f4ea2e;-webkit-clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,1rem 100%,0 calc(100% - 1rem));clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,1rem 100%,0 calc(100% - 1rem))}.App [data-motion-mode=orbit],.App [data-motion-mode=spine]{background:linear-gradient(112deg,#57e3ff1c,#f7f4ea0a 36%,#03050852),#0305084d;border-color:#57e3ff33;box-shadow:0 44px 140px #00000061,0 0 90px rgba(87,227,255,var(--motion-glow)),inset 0 0 38px rgba(87,227,255,.055);-webkit-clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem)}.App [data-motion-mode=vortex]{background:conic-gradient(from 40deg at 50% 50%,#0000 0 22%,#57e3ff1a 30%,#0000 42%,#d8ff4f14 58%,#0000 72%),radial-gradient(ellipse at 50% 48%,#a88dff1f,#0000 48%),linear-gradient(132deg,#f7f4ea1c,#0305085c);border-color:#a88dff3d;box-shadow:0 46px 150px #00000070,0 0 90px rgba(168,141,255,var(--motion-glow)),inset 0 0 38px rgba(87,227,255,.045);-webkit-clip-path:polygon(.7rem 0,100% 0,100% calc(100% - 1.4rem),calc(100% - 1.4rem) 100%,0 100%,0 .7rem);clip-path:polygon(.7rem 0,100% 0,100% calc(100% - 1.4rem),calc(100% - 1.4rem) 100%,0 100%,0 .7rem)}.App [data-motion-mode=bubble],.App [data-motion-mode=hinge],.App [data-motion-mode=matrix],.App [data-motion-mode=wave]{background:radial-gradient(ellipse at 45% 30%,#57e3ff1a,#0000 34%),linear-gradient(90deg,#d8ff4f12 1px,#0000 0),linear-gradient(180deg,#d8ff4f0d 1px,#0000 0),linear-gradient(135deg,#f7f4ea1c,#03050857);background:radial-gradient(ellipse at calc(45% + var(--wave-shift, 0px)) 30%,#57e3ff1a,#0000 34%),linear-gradient(90deg,#d8ff4f12 1px,#0000 1px),linear-gradient(180deg,#d8ff4f0d 1px,#0000 1px),linear-gradient(135deg,#f7f4ea1c,#03050857);background-size:34px 34px,34px 34px,auto;border-color:#d8ff4f33;box-shadow:0 34px 120px #0000005c,0 0 90px rgba(216,255,79,var(--motion-glow)),inset 0 0 32px rgba(216,255,79,.035);-webkit-clip-path:polygon(0 0,calc(100% - 1.6rem) 0,100% 1.6rem,100% 100%,.35rem 100%,0 calc(100% - .35rem));clip-path:polygon(0 0,calc(100% - 1.6rem) 0,100% 1.6rem,100% 100%,.35rem 100%,0 calc(100% - .35rem))}.App .skills-section[data-motion-mode=bubble]{background:radial-gradient(ellipse at 45% 30%,#57e3ff14,#0000 36%),linear-gradient(135deg,hsla(46,45%,94%,.105),hsla(46,45%,94%,.035)),#03050875}.App [data-motion-mode=reel]{background:radial-gradient(circle at 18% 18%,#ff6f2c1f,#0000 34%),linear-gradient(132deg,hsla(46,45%,94%,.105),#0305085c);border-color:#ff6f2c38;box-shadow:0 44px 150px #0000006b,0 0 90px rgba(255,111,44,var(--motion-glow)),inset 0 0 36px #ff6f2c0a;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 1.15rem),calc(100% - 1.15rem) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 1.15rem),calc(100% - 1.15rem) 100%,0 100%)}.App [data-motion-mode=dock]{background:linear-gradient(180deg,#f7f4ea1a,hsla(46,45%,94%,.025)),#0305086b;border-color:#f7f4ea2e}.App [data-motion-mode]:after{opacity:calc(.12 + var(--motion-glow))}.App [data-motion-mode=orbit]:after,.App [data-motion-mode=planet]:after,.App [data-motion-mode=spine]:after{background:radial-gradient(circle at 50% 50%,#57e3ff38 0 1px,#0000 1.5px 9px),linear-gradient(90deg,#f7f4ea0a 1px,#0000 0),linear-gradient(180deg,hsla(46,45%,94%,.035) 1px,#0000 0);background-size:18px 18px,32px 32px,32px 32px}.App [data-motion-mode=bubble]:after,.App [data-motion-mode=hinge]:after,.App [data-motion-mode=matrix]:after,.App [data-motion-mode=wave]:after{background:repeating-radial-gradient(circle at 40% 38%,#c5efff2e 0 1px,#0000 1px 18px),linear-gradient(120deg,#0000 0 35%,#57e3ff1c 35% 35.5%,#0000 35.5% 68%,#d8ff4f1a 68% 68.5%,#0000 68.5%),linear-gradient(132deg,#0000 0 54%,hsla(46,45%,94%,.075) 54% 54.45%,#0000 54.45% 100%),linear-gradient(180deg,hsla(46,45%,94%,.035) 1px,#0000 0);background:repeating-radial-gradient(circle at 40% calc(38% + var(--wave-shift, 0px)),#c5efff2e 0 1px,#0000 1px 18px),linear-gradient(120deg,#0000 0 35%,#57e3ff1c 35% 35.5%,#0000 35.5% 68%,#d8ff4f1a 68% 68.5%,#0000 68.5%),linear-gradient(132deg,#0000 0 54%,hsla(46,45%,94%,.075) 54% 54.45%,#0000 54.45% 100%),linear-gradient(180deg,hsla(46,45%,94%,.035) 1px,#0000 1px);background-size:58px 58px,100% 100%,100% 100%,24px 24px}.App [data-motion-mode=vortex]:after{background:radial-gradient(circle at 50% 50%,#0000 0 28%,#a88dff24 29% 30%,#0000 31% 100%),radial-gradient(circle at 50% 50%,#57e3ff29 0 1px,#0000 1.5px 13px),linear-gradient(128deg,#0000 0 42%,#ff6f2c1f 42% 42.5%,#0000 42.5%);background-size:100% 100%,24px 24px,auto}.App [data-motion-mode=reel]:after{background:linear-gradient(128deg,#0000 0 40%,#ff6f2c29 40% 40.5%,#0000 40.5%),linear-gradient(90deg,#f7f4ea0a 1px,#0000 0);background-size:auto,30px 30px}.App .about-content p:hover,.App .contact-form:hover,.App .education-card:hover,.App .job-card:hover,.App .mystory-section:hover,.App .project-card:hover,.App .skills-section:hover{background:linear-gradient(135deg,#f7f4ea2b,#f7f4ea0a),#04080c7a;border-color:#ff6f2c80;box-shadow:0 40px 140px #00000075,0 0 80px #ff6f2c1f,inset 0 0 34px #57e3ff0f;transform:translate3d(var(--motion-x),var(--motion-y),var(--motion-z)) rotateX(var(--motion-rx)) rotateY(var(--motion-ry)) rotate(var(--motion-rz)) scale(calc(var(--motion-scale) + .012))}.App .skills-section:hover{background:linear-gradient(135deg,#f7f4ea1f,hsla(46,45%,94%,.036)),#03050852;border-color:#f7f4ea38;box-shadow:0 32px 100px #00000052,0 0 70px #57e3ff14,inset 0 1px 0 #ffffff14;transform:translate3d(var(--motion-x),var(--motion-y),var(--motion-z)) rotateX(var(--motion-rx)) rotateY(var(--motion-ry)) rotate(var(--motion-rz)) scale(var(--motion-scale))}.App .mystory-section:hover{padding-left:clamp(4rem,12vw,12rem)}.App .job-card:hover{padding-left:clamp(3rem,7vw,7rem)}@media (max-width:768px){.about-container,.contact-section,.education-skills-container,.job-experience-container,.mystory-container,.projects-container{min-height:auto}.about-container:after,.contact-section:after,.education-skills-container:after,.job-experience-container:after,.mystory-container:after,.projects-container:after{filter:blur(18px);left:0;opacity:.08;width:100%}.App .education-section,.App .job-experience-list,.App .mystory-content,.App .project-grid{grid-template-columns:1fr}.App .education-card,.App .education-card:nth-child(2n),.App .education-card:nth-child(odd),.App .job-card,.App .job-card:nth-child(2n),.App .job-card:nth-child(odd),.App .mystory-section,.App .mystory-section:nth-child(2n),.App .mystory-section:nth-child(odd),.App .project-card,.App .project-card:nth-child(2n),.App .project-card:nth-child(3n),.App .project-card:nth-child(odd){grid-column:1/-1}.App .about-content h1,.App .about-content p{grid-column:auto;grid-row:auto}.App .mystory-section:hover{padding-left:2rem}.App .job-card:hover{padding-left:1.5rem}}@media only screen and (max-width:769px){.App{background-attachment:scroll}.section{padding:20px}}@media only screen and (min-width:769px){.App{background-attachment:fixed}}.site-header{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#0000;border-bottom:0;color:var(--text);left:0;opacity:0;padding:1rem var(--section-x);position:fixed;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:min(1560px,calc(100vw - 2rem))}.brand a{background:#060a0e6b;border:1px solid #f7f4ea29;border-radius:999px;box-shadow:inset 0 0 16px #57e3ff14;color:#f7f4ead1;font-family:var(--display-font);font-size:.76rem;font-weight:900;letter-spacing:.12em;padding:.75rem 1rem;text-decoration:none;text-transform:uppercase}.navigation ul{background:#060a0e8f;border:1px solid #f7f4ea2e;border-radius:999px;box-shadow:inset 0 0 20px #d8ff4f17,0 0 34px #d8ff4f0f;display:flex;gap:0;list-style:none;padding:.28rem}.navigation a{border-radius:999px;color:#f7f4eabd;font-family:var(--display-font);font-size:.68rem;font-weight:900;letter-spacing:.08em;padding:.62rem .86rem;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease,background .2s ease}.navigation a:after{display:none}.navigation a:hover{background:#f7f4ea1a;color:var(--surface-strong)}.navigation a:hover:after{right:100%}@media (max-width:768px){.site-header{padding:.85rem .75rem}.header-content{grid-gap:.6rem;align-items:start;display:grid;gap:.6rem;grid-template-columns:1fr}.navigation ul{gap:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;width:100%}.navigation ul::-webkit-scrollbar{display:none}.navigation a{font-size:.58rem;padding:.52rem .62rem;white-space:nowrap}.brand a{background:#0000;border:0;padding:0}}.home-container{animation:fadeIn 1.2s ease-in-out forwards;background:radial-gradient(circle at 50% 68%,#d8ff4f1c,#0000 18rem),radial-gradient(circle at 72% 18%,#57e3ff2e,#0000 22rem),radial-gradient(circle at 16% 88%,#a88dff1f,#0000 22rem),linear-gradient(180deg,#010204,#060b11 46%,#020304);color:var(--text);isolation:isolate;min-height:275vh;opacity:0;overflow:visible;position:relative}.home-container:before{background:linear-gradient(110deg,#0000 0 44%,#57e3ff14 44% 44.2%,#0000 44.2% 100%),linear-gradient(74deg,#0000 0 56%,#d8ff4f14 56% 56.2%,#0000 56.2% 100%);content:"";filter:blur(.2px);inset:-8%;position:absolute;transform:rotate(-2deg);z-index:-2}.home-container:after{background:radial-gradient(circle at 50% 50%,#0000 0 22%,#01020470 54%,#010204eb 100%),linear-gradient(90deg,hsla(46,45%,94%,.018) 1px,#0000 0),linear-gradient(180deg,hsla(46,45%,94%,.014) 1px,#0000 0);background-size:auto,92px 92px,92px 92px;content:"";z-index:-1}.hero-noise,.home-container:after{inset:0;pointer-events:none;position:absolute}.hero-noise{background-image:repeating-radial-gradient(circle at 18% 70%,#f7f4ea42 0 1px,#0000 1px 11px),repeating-linear-gradient(0deg,#f7f4ea2e 0 1px,#0000 1px 4px);mix-blend-mode:overlay;opacity:.18;z-index:2}.webgl-scene{cursor:grab;height:100vh;left:0;opacity:1;opacity:var(--hero-visibility,1);overflow:hidden;position:fixed;top:0;transition:opacity .15s linear;width:100%;z-index:1}.webgl-scene.is-dragging{cursor:grabbing}.webgl-scene canvas{display:block;height:100%;inset:0;position:absolute;width:100%}.cursor-fx-canvas{pointer-events:none;z-index:2}.home-stage{display:grid;left:0;margin-top:0;min-height:100vh;opacity:1;opacity:var(--hero-visibility,1);padding:7rem var(--section-x) 4rem;place-items:center;pointer-events:none;position:fixed;top:0;transition:opacity .15s linear;width:100%;z-index:3}.scene-copy{grid-gap:.35rem;color:#f7f4ea85;display:grid;font-family:var(--display-font);font-size:.72rem;font-weight:900;gap:.35rem;letter-spacing:.18em;opacity:1;opacity:var(--copy-opacity,1);position:absolute;text-transform:uppercase;transition:opacity .2s linear;z-index:3}.scene-copy strong{color:#f7f4eae6;font-size:.76rem}.scene-copy-left{bottom:3rem;left:var(--section-x)}.scene-copy-right{bottom:3rem;right:var(--section-x);text-align:right}.scroll-label{color:#75added9;font-family:var(--mono-font);font-size:.9rem;font-weight:700;letter-spacing:.08em;opacity:1;opacity:var(--scroll-label-opacity,1);text-shadow:0 0 18px #57e3ff5c;text-transform:uppercase;top:30%;transform:translateX(-50%)}.scroll-label,.signal-mark{left:50%;position:absolute;z-index:4}.signal-mark{color:#f7f4eaeb;display:none;font-size:clamp(1.2rem,3vw,2.6rem);font-weight:950;letter-spacing:.04em;opacity:1;opacity:var(--mark-opacity,1);text-shadow:0 0 18px #f7f4ea57;top:51%;top:calc(51% + var(--mark-shift, 0vh));transform:translate(-50%,-50%)}.scene-caption{grid-gap:.24rem;bottom:15%;color:#f7f4ea80;display:grid;font-family:var(--display-font);font-size:.68rem;font-weight:900;gap:.24rem;left:50%;letter-spacing:.16em;opacity:1;opacity:var(--caption-opacity,1);position:absolute;text-align:center;text-transform:uppercase;transform:translateX(-50%);z-index:4}.scene-name{color:#f7f4eaeb;font-family:var(--display-font);font-size:clamp(1.1rem,2.2vw,1.9rem);font-weight:950}.scene-name,.scene-tagline{letter-spacing:.08em;text-transform:none}.scene-tagline{color:#f7f4ea94;font-size:clamp(.58rem,1vw,.76rem);font-weight:900;line-height:1.35}.scene-skill{animation:fadeSkill 3s ease-in-out forwards;color:var(--accent-warm);font-size:clamp(.9rem,1.6vw,1.2rem);line-height:1.1;text-transform:none}.hero-stats{grid-gap:1rem;background:#0000;border:0;bottom:5%;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));left:50%;opacity:1;opacity:var(--stats-opacity,1);position:absolute;transform:translateX(-50%);width:min(540px,calc(100% - 2.5rem));z-index:4}.hero-stats div{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;padding:0;text-align:center}.hero-stats strong{color:#f7f4ea94;font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1}.hero-stats span,.hero-stats strong{display:block;font-family:var(--mono-font)}.hero-stats span{color:#f7f4ea57;font-size:.58rem;font-weight:800;letter-spacing:.12em;margin-top:.2rem;text-transform:uppercase}@keyframes fadeSkill{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.home-stage{min-height:100vh;padding:6.25rem 1.25rem 2rem}.signal-mark{font-size:1.3rem;top:48%;top:calc(48% + var(--mark-shift-mobile, 0vh))}.scroll-label{font-size:.78rem;top:21%}.scene-caption{bottom:22%;width:min(330px,calc(100% - 2rem))}.scene-tagline{justify-self:center;width:min(250px,100%)}.hero-stats{bottom:3%;gap:.25rem;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 2.5rem)}.hero-stats strong{font-size:.66rem}.hero-stats span{font-size:.5rem}.scene-copy{display:none}}.about-container{display:block;margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x)}.about-content{grid-gap:clamp(2rem,7vw,6rem);border-top:1px solid var(--border);display:grid;gap:clamp(2rem,7vw,6rem);grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);grid-template-rows:auto 1fr;margin-right:0;padding-top:1.4rem;position:relative}.about-content h1{color:var(--text);font-size:clamp(2.4rem,6vw,6.2rem);line-height:.85;margin-bottom:1rem;text-transform:uppercase}.App .about-content h1{grid-column:1;grid-row:1;left:0;margin-bottom:0;position:absolute;top:clamp(-6.05rem,-7.4vw,-3.65rem)}.about-photo-bubble{--motion-x:0vw;--motion-y:0vh;--motion-z:0px;--motion-rx:0deg;--motion-ry:0deg;--motion-rz:0deg;--motion-scale:1;--motion-opacity:1;align-self:start;aspect-ratio:1;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);background:radial-gradient(circle at 35% 18%,#f7f4ea47,#0000 23%),radial-gradient(circle at 68% 76%,#57e3ff33,#0000 36%),linear-gradient(145deg,#f7f4ea29,hsla(46,45%,94%,.035)),#0305086b;border:1px solid #f7f4ea38;border-radius:50%;box-shadow:0 28px 90px #00000061,0 0 70px #57e3ff21,inset 0 0 28px #f7f4ea12;grid-column:1;grid-row:1/span 3;margin:0;opacity:var(--motion-opacity);padding:clamp(.35rem,.9vw,.62rem);position:-webkit-sticky;position:sticky;top:18vh;transform:translate3d(var(--motion-x),var(--motion-y),var(--motion-z)) rotateX(var(--motion-rx)) rotateY(var(--motion-ry)) rotate(var(--motion-rz)) scale(var(--motion-scale));transform-style:preserve-3d;width:clamp(9.5rem,20vw,16rem);will-change:transform,opacity;z-index:3}.about-photo-bubble:before{border:1px solid #d8ff4f4d;border-radius:50%;content:"";inset:-.72rem;opacity:.72;pointer-events:none;position:absolute;transform:rotate(-18deg) scaleX(1.12)}.about-photo-bubble:after{border-left:1px solid #f7f4ea1f;border-radius:50%;border-top:1px solid #f7f4ea57;content:"";inset:11%;mix-blend-mode:screen;pointer-events:none;position:absolute}.about-photo-bubble img{border-radius:50%;display:block;filter:saturate(.88) contrast(1.04) brightness(.86);height:100%;object-fit:cover;object-position:50% 55%;width:100%}.about-content p{color:var(--text-muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.78;margin-bottom:1.25rem;max-width:800px}@media (max-width:768px){.about-container{padding:var(--section-y) 1.25rem;text-align:left}.about-content{display:block;margin-bottom:30px;margin-right:0}.App .about-content h1{margin-bottom:1.2rem;position:static}.about-photo-bubble{margin:0 0 1.6rem;position:relative;top:auto;width:min(13rem,58vw)}}.mystory-container{color:var(--text);margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x)}.mystory-title{color:var(--text);font-size:clamp(2.4rem,6vw,6.2rem);line-height:.85;margin-bottom:2rem;text-align:left;text-transform:uppercase}.mystory-content{grid-gap:0;border-top:1px solid var(--border);display:grid;gap:0}.mystory-section{background:#0000;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;margin-bottom:0;padding:1.6rem 0 1.8rem clamp(4rem,12vw,12rem);position:relative;transition:background .2s ease}.mystory-section:hover{background:hsla(46,45%,94%,.035);box-shadow:none;padding-left:clamp(4rem,12vw,12rem);transform:none}.mystory-section:before{color:var(--accent-strong);content:"0" counter(story);counter-increment:story;font-size:.72rem;font-weight:900;left:0;letter-spacing:.18em;position:absolute;top:1.7rem}.mystory-content{counter-reset:story}.mystory-section h2{color:var(--text);font-size:clamp(1.4rem,2.8vw,2.8rem);line-height:.95;margin-bottom:.8rem;text-transform:uppercase}.mystory-section p{color:var(--text-muted);font-size:1rem;line-height:1.72;max-width:860px}@media (max-width:768px){.mystory-title{text-align:left}.mystory-section{margin-bottom:1rem}.mystory-section,.mystory-section:hover{padding-left:2rem}.mystory-section h2{font-size:1.5rem}}.education-skills-container{color:var(--text);margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x)}.section-title{margin-bottom:1.6rem}.education-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;width:100%}.education-card,.skills-section{background:hsla(46,45%,94%,.045);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;isolation:isolate;overflow:hidden;padding:2rem;position:relative;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,-webkit-backdrop-filter .24s ease;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease,-webkit-backdrop-filter .24s ease;width:100%}.education-card:hover{background:#f7f4ea12;border-color:#ff5a1f59;box-shadow:none;transform:none}.skills-section:before{background:linear-gradient(118deg,#ffffff1f,#0000 22%),radial-gradient(ellipse at 50% 0,#f7f4ea1a,#0000 38%),linear-gradient(180deg,rgba(87,227,255,.055),#03050800);content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transform:translateY(-8px);transition:opacity .26s ease,transform .26s ease;z-index:0}.skills-section:hover{backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);background:linear-gradient(135deg,#f7f4ea1f,hsla(46,45%,94%,.036)),#03050852;border-color:#f7f4ea38;box-shadow:0 32px 100px #00000052,0 0 70px #57e3ff14,inset 0 1px 0 #ffffff14;transform:none}.skills-section:hover:before{opacity:.58;transform:translateY(0)}.skill-category{position:relative;z-index:2}.uni-name{color:var(--text);font-family:var(--display-font);font-size:clamp(1.4rem,3vw,2.6rem);font-weight:950;line-height:.95;margin-bottom:.45rem}.degree-name,.uni-name{text-transform:uppercase}.degree-name{color:var(--accent-warm);font-family:var(--mono-font);font-size:.94rem;font-style:normal;font-weight:900;letter-spacing:.08em;margin-bottom:1.2rem}.paragraph{color:var(--text-muted);line-height:1.65;margin-bottom:10px;padding:0}.bolded-title{color:var(--text);font-weight:800}.skill-category-title{color:var(--accent-strong);font-family:var(--mono-font);font-size:.82rem;font-weight:900;letter-spacing:.18em;margin-bottom:.6rem;margin-top:2rem;text-transform:uppercase}.skill-category-title:first-child{margin-top:0}.skill-item{border-top:1px solid #f7f4ea14;gap:1rem;justify-content:space-between;margin-top:0;padding:.95rem 0}.skill-item,.skill-name-icon{align-items:center;display:flex}.skill-name-icon{color:var(--electric);gap:.65rem}.skill-name{color:var(--text);font-weight:900}.skill-proficiency-advanced,.skill-proficiency-beginner,.skill-proficiency-intermediate{align-self:start;border-radius:999px;font-size:.75rem;font-weight:900;margin-left:auto;padding:.32rem .76rem;text-transform:uppercase;white-space:nowrap}.skill-proficiency-beginner{background-color:#ff5a1f1a;border:1px solid #ff5a1f47;color:var(--accent-strong)}.skill-proficiency-intermediate{background-color:#c6df6a1f;border:1px solid #c6df6a47;color:var(--accent-warm)}.skill-proficiency-advanced{background-color:#ee6d4c1f;border:1px solid #ee6d4c47;color:var(--accent-coral)}.skill-items-list{list-style:inside;margin:5px 0;padding-left:20px}.skill-items-list li{color:var(--text-muted);margin-top:.25rem}@media (max-width:768px){.education-skills-container{padding:var(--section-y) 1.25rem}.education-card,.skills-section{padding:1.5rem}.skill-item{align-items:flex-start;flex-direction:column;gap:.35rem}.skill-proficiency-advanced,.skill-proficiency-beginner,.skill-proficiency-intermediate{margin-left:0}}.section-title{margin-bottom:1.5rem;margin-left:0;padding-left:0;text-align:left}.job-experience-container{margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x);width:100%}.job-experience-list{border-top:1px solid var(--border);max-width:1200px;width:100%}.job-card{background:#0000;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;margin-bottom:0;padding:2rem 0 2.2rem clamp(3rem,7vw,7rem);position:relative;transition:background .2s ease,padding-left .2s ease}.job-card:hover{background:hsla(46,45%,94%,.035);box-shadow:none;padding-left:clamp(3.4rem,7.4vw,7.4rem);transform:none}.job-card:before{border:1px solid var(--accent-strong);content:"";height:1.2rem;left:0;position:absolute;top:2.2rem;transform:rotate(45deg);width:1.2rem}.job-title{color:var(--text);font-family:var(--display-font);font-size:clamp(1.5rem,3vw,3rem);font-weight:950;line-height:.96;margin-bottom:.55rem;text-transform:uppercase}.company-name{color:var(--accent-warm);font-family:var(--mono-font);font-size:.88rem;font-weight:900;letter-spacing:.14em;margin-bottom:1rem;text-transform:uppercase}.job-card p{color:var(--text-muted);margin-bottom:10px}.job-card ul{grid-gap:.45rem;display:grid;gap:.45rem;list-style:none;padding-left:0}.job-card ul li{color:var(--text-muted);line-height:1.6;margin-bottom:5px}.job-card ul li:before{color:var(--accent-strong);content:"+";font-weight:900;margin-right:.55rem}@media (max-width:768px){.job-experience-container{padding:var(--section-y) 1.25rem;width:100%}.section-title{text-align:left}.job-card{box-shadow:0 2px 6px #0000001a;padding:1.5rem}.job-card:hover{padding-left:1.5rem}.job-card:before{display:none}}.projects-container{align-items:center;background:linear-gradient(90deg,hsla(46,45%,94%,.045) 1px,#0000 1px),linear-gradient(180deg,hsla(46,45%,94%,.035) 1px,#0000 1px),var(--surface-muted);background-size:42px 42px;display:flex;flex-direction:column;padding:var(--section-y) var(--section-x)}.project-title{color:var(--text);font-size:clamp(2.4rem,6vw,6.2rem);line-height:.85;margin-bottom:1.5rem;padding-left:0;text-align:left;text-transform:uppercase}.project-grid,.project-title{max-width:var(--content-max);width:100%}.project-grid{grid-gap:clamp(1rem,2.5vw,2.2rem);align-items:flex-start;background:#0000;border:0;display:grid;gap:clamp(1rem,2.5vw,2.2rem);grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{grid-gap:clamp(.85rem,1.6vw,1.15rem);align-items:start;background:#030406eb;border:0;border-radius:0;box-shadow:none;color:var(--text);display:grid;gap:clamp(.85rem,1.6vw,1.15rem);grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);height:100%;padding:clamp(.85rem,1.5vw,1.18rem);transition:background .2s ease}.project-card:hover{background:#090e14;box-shadow:none;transform:none}.project-visual{aspect-ratio:1/1;background:linear-gradient(90deg,#f7f4ea1f 1px,#0000 0),linear-gradient(180deg,#f7f4ea1a 1px,#0000 0),linear-gradient(135deg,#ff5a1f59,#030406f5);background-size:28px 28px,28px 28px,auto;border:1px solid #f1eee71a;border-radius:0;display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;margin-bottom:0;max-height:220px;min-height:100%;overflow:hidden;padding:.68rem;position:relative;width:100%}.project-visual:after,.project-visual:before{content:"";pointer-events:none;position:absolute}.project-visual:before{background:var(--accent-warm);height:1px;inset:auto 1rem 1rem auto;transform:rotate(-16deg);width:52%}.project-visual:after{background:#11100e47;border:1px solid #f1eee71f;border-radius:0;bottom:.7rem;-webkit-clip-path:polygon(0 0,86% 0,100% 18%,100% 100%,14% 100%,0 82%);clip-path:polygon(0 0,86% 0,100% 18%,100% 100%,14% 100%,0 82%);height:36%;right:.7rem;width:48%}.project-visual-finance{background:linear-gradient(90deg,#0000 11%,#c6df6a33 11% 13%,#0000 13% 28%,#c6df6a33 28% 31%,#0000 31%),linear-gradient(135deg,#d8ff4f42,#030406f5)}.project-visual-voice{background:repeating-linear-gradient(90deg,#f1eee729 0 4px,#0000 4px 16px),linear-gradient(135deg,#ff5a1f61,#030406f5)}.project-visual-bot{background:linear-gradient(90deg,#57e3ff47 0 2px,#0000 2px 14px),linear-gradient(135deg,#5c54be6b,#030406f5)}.project-visual-language{background:linear-gradient(135deg,#ff3d5552,#030406f5),repeating-linear-gradient(135deg,#f1eee724 0 2px,#0000 2px 18px)}.project-visual-portfolio{background:linear-gradient(90deg,#f1eee729 1px,#0000 0),linear-gradient(180deg,#f1eee71f 1px,#0000 0),linear-gradient(135deg,#ff5a1f47,#030406f5);background-size:auto,24px 24px,auto}.project-visual-database{background:repeating-linear-gradient(0deg,#f1eee721 0 1px,#0000 1px 20px),linear-gradient(135deg,#d8ff4f38,#030406f5)}.project-visual-kicker,.project-visual-label,.project-visual-line{position:relative;z-index:1}.project-visual-kicker{border:1px solid #f1eee72e;border-radius:0;color:var(--accent-warm);font-family:var(--mono-font);font-size:.56rem;font-weight:900;max-width:100%;padding:.42rem .65rem;text-transform:uppercase;width:-webkit-max-content;width:max-content}.project-visual-label{color:var(--surface-strong);font-family:var(--display-font);font-size:clamp(2rem,4vw,3.35rem);font-weight:950;letter-spacing:0;line-height:.72}.project-visual-line{background:var(--accent);border-radius:0;height:3px;width:58%}.project-body{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.project-card h2{font-family:var(--display-font);font-size:clamp(1rem,1.55vw,1.42rem);line-height:1;margin-bottom:.58rem;text-transform:uppercase}.project-description{color:var(--text-muted);font-size:.86rem;line-height:1.42;margin-bottom:.78rem}.project-tech-list{list-style:none;margin-bottom:.58rem;padding:0}.project-tech-item{background:#57e3ff14;border:1px solid #57e3ff33;border-radius:0;color:var(--electric);display:inline-block;font-family:var(--mono-font);font-size:.62rem;font-weight:800;margin-bottom:5px;margin-right:5px;padding:3px 7px}.project-link{align-items:center;background:var(--surface-strong);border-radius:0;color:#030406;display:inline-flex;font-family:var(--display-font);font-size:.8rem;font-weight:900;justify-content:center;letter-spacing:.12em;padding:.52rem .78rem;text-decoration:none;text-transform:uppercase;transition:background .2s ease,transform .2s ease}.project-link:hover{background:var(--accent-strong);color:#030406;transform:translateY(-1px)}@media (max-width:768px){.project-card{grid-template-columns:1fr}.project-visual{aspect-ratio:18/7;max-height:none;min-height:0}.project-grid{grid-template-columns:1fr}.projects-container{padding:var(--section-y) 1.25rem}}.contact-section{background:#030406;padding:var(--section-y) var(--section-x)}.contact-container{grid-gap:clamp(2rem,8vw,7rem);align-items:start;border-top:1px solid var(--border);display:grid;gap:clamp(2rem,8vw,7rem);grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);margin:0 auto;max-width:var(--content-max);padding-top:1.5rem;text-align:left}.section-title{color:var(--text);font-size:clamp(2.4rem,6vw,6.2rem);line-height:.85;margin-bottom:1rem;text-transform:uppercase}.contact-description{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-form{background:hsla(46,45%,94%,.045);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:2rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);display:block;font-family:var(--mono-font);font-weight:800;margin-bottom:.5rem}.form-group input,.form-group textarea{-webkit-text-fill-color:var(--surface-strong);background:#010306d1;border:1px solid var(--border);border-radius:0;caret-color:var(--accent-strong);color:var(--surface-strong);font-size:1rem;font-weight:800;padding:.75rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#57e3ff8c;box-shadow:0 0 0 4px #57e3ff1f;outline:none}.form-group textarea{height:150px;resize:vertical}.send-button{background:var(--surface-strong);border:none;border-radius:0;color:#030406;cursor:pointer;font-family:var(--display-font);font-size:1rem;font-weight:900;letter-spacing:.12em;margin-top:1rem;padding:.75rem 2rem;text-transform:uppercase;transition:background .2s ease,transform .2s ease}.send-button:hover{background:var(--accent-strong);color:#030406;transform:translateY(-1px)}.send-button:disabled{cursor:wait;opacity:.68;transform:none}.confirmation-message{color:var(--accent-strong)}.confirmation-message,.error-message{font-weight:700;margin-top:1rem;text-align:center}.error-message{color:var(--accent-coral)}.error-message span{display:block}.contact-fallback-link{color:var(--surface-strong);display:inline-flex;margin-top:.65rem;text-decoration:underline;text-decoration-color:#ff6f2ccc;text-underline-offset:.2rem}.contact-fallback-link:hover{color:var(--accent-strong)}@media (max-width:768px){.contact-section{padding:var(--section-y) 1.25rem}.contact-form{padding:1.25rem}.contact-container{grid-template-columns:1fr}}.boot-loader{background:linear-gradient(180deg,#010204,#060b11 48%,#020304);color:#f7f4eae0;display:grid;inset:0;opacity:1;overflow:hidden;place-items:center;pointer-events:all;position:fixed;transition:opacity .62s ease,visibility .62s ease;z-index:3000}.boot-loader-exit{opacity:0;visibility:hidden}.boot-loader-field{background:radial-gradient(circle at 50% 54%,#57e3ff1f,#0000 18rem),radial-gradient(circle at 64% 38%,#d8ff4f14,#0000 16rem);inset:0;position:absolute}.boot-loader-field:before{animation:bootStarDrift 2.7s ease-in-out infinite alternate;background-image:radial-gradient(circle,#f7f4eab8 0 1px,#0000 1.8px),radial-gradient(circle,#57e3ff8a 0 1px,#0000 1.6px);background-position:0 0,34px 28px;background-size:74px 74px,118px 118px;content:"";inset:-10%;opacity:.34;position:absolute}.boot-star{animation:bootShootingStar 1.7s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f7f4eac7,#0000);border-radius:999px;filter:blur(.2px);height:1px;opacity:0;position:absolute;transform-origin:center;width:6rem}.boot-star-one{animation-delay:.12s;left:18%;top:28%}.boot-star-two{animation-delay:.58s;right:18%;top:45%;transform:rotate(-12deg)}.boot-star-three{animation-delay:1.02s;bottom:24%;left:34%;transform:rotate(9deg)}.boot-loader-orbit{aspect-ratio:1;background:radial-gradient(circle,#57e3ff24 0 14%,#f7f4ea0f 15% 16%,#0000 17%),radial-gradient(circle,#d8ff4f1c,#0000 58%);border-radius:50%;box-shadow:0 0 60px #57e3ff29,inset 0 0 36px #f7f4ea14;display:grid;place-items:center;position:relative;width:clamp(7.5rem,18vw,12rem)}.boot-loader-orbit span,.boot-loader-orbit:after,.boot-loader-orbit:before{animation:bootOrbit 1.8s linear infinite;border:1px solid #57e3ff8a;border-radius:50%;content:"";inset:10%;position:absolute;transform:rotate(14deg) scaleX(.72)}.boot-loader-orbit:after{animation-direction:reverse;animation-duration:2.25s;border-color:#f7f4ea70;inset:18%;transform:rotate(-24deg) scaleX(.78)}.boot-loader-orbit span:first-child{animation-duration:2.6s;border-color:#d8ff4f5c;inset:6%;transform:rotate(74deg) scaleX(.52)}.boot-loader-orbit span:nth-child(2),.boot-loader-orbit span:nth-child(3){background:#f7f4eaeb;border:0;box-shadow:0 0 22px #d8ff4f9e;height:.48rem;inset:auto;width:.48rem}.boot-loader-orbit span:nth-child(2){animation:bootDotA 1.8s linear infinite}.boot-loader-orbit span:nth-child(3){animation:bootDotB 2.25s linear infinite}.boot-loader-label{color:#f7f4eab8;font-family:var(--display-font);font-size:clamp(.72rem,1.2vw,.9rem);font-weight:950;letter-spacing:.22em;position:absolute;text-shadow:0 0 18px #57e3ff52;text-transform:uppercase;top:calc(50% + clamp(5.8rem, 13vw, 8rem))}@keyframes bootOrbit{to{rotate:1turn}}@keyframes bootDotA{0%{transform:rotate(0deg) translateX(clamp(3.2rem,7.4vw,5.1rem))}to{transform:rotate(1turn) translateX(clamp(3.2rem,7.4vw,5.1rem))}}@keyframes bootDotB{0%{transform:rotate(160deg) translateX(clamp(2.7rem,6vw,4.2rem))}to{transform:rotate(-200deg) translateX(clamp(2.7rem,6vw,4.2rem))}}@keyframes bootShootingStar{0%{opacity:0;translate:-2.2rem 1.4rem}24%{opacity:.64}to{opacity:0;translate:3.4rem -1.8rem}}@keyframes bootStarDrift{0%{transform:translate3d(-.5rem,-.2rem,0)}to{transform:translate3d(.5rem,.35rem,0)}}.comet-scroll-nav{height:min(62vh,560px);pointer-events:none;position:fixed;right:clamp(.12rem,.45vw,.45rem);top:50%;transform:translateY(-50%);width:3rem;z-index:920}.comet-scroll-track{background:linear-gradient(180deg,#f7f4ea0a,#57e3ff42,#d8ff4f33,#f7f4ea0a);border-radius:999px;bottom:0;box-shadow:0 0 24px #57e3ff2e,inset 0 0 10px #f7f4ea2e;overflow:hidden;position:absolute;right:.88rem;top:0;width:2px}.comet-scroll-track:before{background:linear-gradient(180deg,#57e3ff33,#f7f4eaeb,#d8ff4fc7);border-radius:inherit;box-shadow:0 0 18px #57e3ff8c,0 0 28px #d8ff4f42;content:"";height:var(--scroll-progress);left:0;position:absolute;top:0;width:100%}.comet-scroll-head{background:linear-gradient(90deg,#0000,#f7f4eaf5,#d8ff4feb);border-radius:999px;box-shadow:0 0 15px #f7f4ea8a,0 0 24px #57e3ff5c;height:2px;position:absolute;right:.14rem;top:var(--scroll-progress);transform:translateY(-50%) rotate(-24deg);width:2.1rem}.comet-scroll-head:after,.comet-scroll-head:before{border-radius:999px;content:"";position:absolute;top:50%;transform:translateY(-50%)}.comet-scroll-head:before{background:var(--surface-strong);box-shadow:0 0 14px #f7f4eaf2,0 0 26px #d8ff4f94;height:.42rem;right:.18rem;width:.42rem}.comet-scroll-head:after{background:linear-gradient(90deg,#0000,#57e3ffb3);height:1px;right:.88rem;width:1.3rem}.comet-scroll-nodes{inset:0;position:absolute}.comet-scroll-node{background:radial-gradient(circle,#f7f4eaf2 0 18%,#57e3ffb8 19% 36%,#030508d1 37% 100%);border:1px solid #f7f4ea61;border-radius:50%;box-shadow:0 0 14px #57e3ff47,0 0 24px #d8ff4f14;height:.76rem;outline:none;pointer-events:auto;position:absolute;right:.52rem;top:var(--node-progress);transform:translateY(-50%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:.76rem}.comet-scroll-node:before{border:1px solid #f7f4ea14;border-radius:50%;content:"";inset:-.38rem;opacity:0;position:absolute;transform:scale(.72);transition:opacity .18s ease,transform .18s ease}.comet-scroll-node.is-active,.comet-scroll-node:focus-visible,.comet-scroll-node:hover{border-color:#d8ff4fdb;box-shadow:0 0 18px #d8ff4f61,0 0 34px #57e3ff47;transform:translateY(-50%) scale(1.16)}.comet-scroll-node.is-active:before,.comet-scroll-node:focus-visible:before,.comet-scroll-node:hover:before{opacity:1;transform:scale(1)}.comet-scroll-label{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#030508b8;border:1px solid #f7f4ea2e;border-radius:999px;box-shadow:0 12px 42px #00000057,inset 0 0 14px #57e3ff14;color:var(--surface-strong);font-family:var(--mono-font);font-size:.64rem;font-weight:800;letter-spacing:.08em;min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:.38rem .58rem;pointer-events:none;position:absolute;right:1.45rem;text-transform:uppercase;top:50%;transform:translate3d(.45rem,-50%,0);transition:opacity .18s ease,transform .18s ease}.comet-scroll-node:focus-visible .comet-scroll-label,.comet-scroll-node:hover .comet-scroll-label{opacity:1;transform:translate3d(0,-50%,0)}@media (max-width:900px){.comet-scroll-nav{display:none}}
/*# sourceMappingURL=main.df7444f7.css.map*/