@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-body:"Inter", sans-serif;--font-hero:"Anton", sans-serif;--glass-bg:#0f172a73;--glass-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#7c3aed;--bg-color:#000;--overlay-start:#0000;--overlay-mid:#0003;--overlay-end:var(--bg-color);--nav-bg:#0f172a4d;--nav-link:#e2e8f0;--nav-link-hover:#fff;--card-bg:#0f172a66;--card-bg-hover:#0f172ab3;--card-border-hover:#7c3aed4d;--card-shadow-hover:#7c3aed1a;--card-shadow-hover-dark:#0006;--badge-bg:#7c3aed1a;--badge-bg-hover:#7c3aed33;--badge-border:#7c3aed4d;--badge-shadow-hover:#7c3aed4d;--btn-primary-bg:linear-gradient(135deg, #8b5cf6, #6d28d9);--btn-primary-text:#fff;--btn-primary-shadow:#7c3aed66;--btn-primary-shadow-hover:#7c3aed99;--btn-glass-bg:#ffffff0d;--btn-glass-bg-hover:#ffffff1a;--btn-glass-border:#ffffff1a;--btn-glass-border-hover:#fff3;--btn-glass-text:#fff;--btn-glass-shadow-hover:#ffffff1a;--title-gradient:linear-gradient(90deg, #f8fafc, #94a3b8);--shine:linear-gradient(to right, transparent, #ffffff0d, transparent);--logo-text:#fff;--glass-bg-hover:#0f172a99;--quote-highlight:#86ef80;--comp-color:beige}[data-theme=light]{--glass-bg:#ffffff40;--glass-bg-hover:#fffc;--glass-border:#fff6;--text-main:#0f172a;--text-muted:#475569;--accent:#0284c7;--bg-color:#f8fafc;--overlay-start:#0000;--overlay-mid:#0003;--overlay-end:#020617;--nav-bg:#ffffff80;--nav-link:#475569;--nav-link-hover:#0f172a;--card-bg:#ffffffb3;--card-bg-hover:#fff;--card-border-hover:#0284c74d;--card-shadow-hover:#0284c71a;--card-shadow-hover-dark:#0000000d;--badge-bg:#0284c71a;--badge-bg-hover:#0284c733;--badge-border:#0284c74d;--badge-shadow-hover:#0284c733;--btn-primary-bg:linear-gradient(135deg, #0284c7, #0369a1);--btn-primary-text:#fff;--btn-primary-shadow:#0284c74d;--btn-primary-shadow-hover:#0284c780;--btn-glass-bg:#0000000d;--btn-glass-bg-hover:#0000001a;--btn-glass-border:#0000001a;--btn-glass-border-hover:#0003;--btn-glass-text:#0f172a;--btn-glass-shadow-hover:#0000000d;--title-gradient:linear-gradient(90deg, #0f172a, #334155);--shine:linear-gradient(to right, transparent, #fff6, transparent);--logo-text:#0f172a;--quote-highlight:#f97316;--comp-color:#f97316}.theme-toggler{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:1rem;transition:background .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.theme-toggler:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.theme-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.theme-icon svg{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute}.theme-icon.dark .sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-icon.dark .moon,.theme-icon.light .sun{opacity:1;transform:rotate(0)scale(1)}.theme-icon.light .moon{opacity:0;transform:rotate(90deg)scale(.5)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);margin:0;line-height:1.6;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:100%;margin:0;display:block}.hero{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero--home{justify-content:stretch;align-items:stretch;padding:0}.hero--home .protected-video-wrap{background:#000;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero--home .hero-video{object-fit:cover;object-position:center;opacity:1;filter:none;width:100%;height:100%;position:absolute;inset:0;transform:none}.hero-video-edge-fade{z-index:2;pointer-events:none;background:linear-gradient(to bottom, #00000026 0%, transparent 35%, transparent 65%, var(--overlay-end,#000) 100%);position:absolute;inset:0}.hero--home .hero-bg-overlay{opacity:.25}.hero-name-block{z-index:10;text-align:left;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:42%;left:clamp(.75rem,4vw,3rem);transform:translateY(-50%)}.hero-content{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.bg-layer{object-fit:cover;z-index:1;filter:brightness(.9)contrast(1.05);width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(270deg)}.protected-video-wrap{overflow:hidden}.protected-video-wrap video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.protected-video-shield{z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0}.nav-links a.nav-active,.nav-links .nav-active{color:var(--nav-link-hover);font-weight:600;position:relative}.nav-links a.nav-active:after{content:"";background-color:var(--nav-link-hover);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.technical-page .technical-hero{flex-direction:column;align-items:center;padding:0 2rem;display:flex}.bg-overlay{z-index:2;background:linear-gradient(to bottom, var(--overlay-start) 0%, var(--overlay-mid) 85%, var(--overlay-end) 100%);pointer-events:none;position:absolute;inset:0}.app{min-height:100vh;position:relative}.nav-container{z-index:100;width:90%;max-width:920px;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass-border);border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 10px 30px #0003}.nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-logo{font-family:var(--font-hero);color:var(--logo-text);letter-spacing:.05em;border-right:1px solid var(--glass-border);margin-right:1rem;padding-right:2rem;font-size:1.4rem}.nav-links a{color:var(--nav-link);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.nav-links a:hover{color:var(--nav-link-hover);text-shadow:0 0 10px #ffffff80}.hero-subtitle{letter-spacing:.3em;color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem;font-size:1rem;font-weight:500;animation:1s both fadeUp}h1.hero-title{font-family:var(--font-hero);color:#ffffffeb;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 24px #000000a6;margin:0;font-size:clamp(3rem,7vw,6rem);line-height:1.1;animation:1.2s .2s both fadeUp}.hero--home .hero-subtitle{text-shadow:0 2px 16px #0009}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-scroll-hint{z-index:10;letter-spacing:.2em;color:#94a3b8;text-transform:uppercase;text-shadow:0 2px 12px #000000b3;pointer-events:none;margin:0;font-size:.75rem;animation:2s infinite pulse;position:absolute;bottom:clamp(1.5rem,4vh,2.5rem);left:auto;right:clamp(1.5rem,8vw,6rem)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.quote-wake-intro{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 2rem;display:flex}.quote-wake-heading{font-size:clamp(4rem,12vw,10.4rem);font-family:var(--font-hero);color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;text-align:center;width:100%;margin:0;font-weight:800;line-height:.95}.quote-wake-line{will-change:transform, opacity;display:block}.quote-wake-line--highlight{color:var(--quote-highlight)}@media (prefers-reduced-motion:reduce){.quote-wake-line{opacity:1!important;transform:none!important}}.main-content{z-index:10;position:relative}.section{max-width:1100px;margin:0 auto;padding:8rem 2rem}h2.section-title{font-family:var(--font-hero);color:#0000;background:var(--title-gradient);letter-spacing:.05em;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:3.5rem;font-size:3.5rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;transition:transform .4s,background .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.card:before{content:"";background:var(--shine);width:50%;height:100%;transition:left .7s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.card:hover:before{left:150%}.card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover-dark), 0 0 20px var(--card-shadow-hover);transform:translateY(-10px)}.about-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.about-text{color:#e2e8f0;font-size:1.1rem}.about-text p{margin-bottom:1.2rem}.highlight{color:var(--accent);font-weight:600}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.project-tag{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.project-title{color:var(--logo-text);margin-bottom:1rem;font-size:1.5rem}.project-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--accent);border-radius:20px;padding:.35rem .85rem;font-size:.75rem;font-weight:500;transition:all .3s}.tech-badge:hover{background:var(--badge-bg-hover);box-shadow:0 4px 10px var(--badge-shadow-hover);transform:translateY(-2px)}.project-btn{color:var(--logo-text);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.project-btn:hover{color:var(--accent)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);letter-spacing:.05em;box-shadow:0 4px 15px var(--btn-primary-shadow);border-radius:8px;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn-primary:hover{box-shadow:0 8px 25px var(--btn-primary-shadow-hover);color:var(--btn-primary-text);transform:translateY(-3px)scale(1.02)}.btn-glass{background:var(--btn-glass-bg);border:1px solid var(--btn-glass-border);color:var(--btn-glass-text);letter-spacing:.05em;border-radius:8px;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-glass:hover{background:var(--btn-glass-bg-hover);border-color:var(--btn-glass-border-hover);box-shadow:0 8px 25px var(--btn-glass-shadow-hover);color:var(--btn-glass-text);transform:translateY(-3px)scale(1.02)}.footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);padding:3rem;font-size:.9rem}@media (width<=768px){.hero-name-block{max-width:min(85vw,320px);top:38%;left:.75rem}h1.hero-title{font-size:clamp(2.25rem,11vw,3.5rem)}.hero-scroll-hint{font-size:.65rem;bottom:1.25rem;right:1.25rem}.nav-links{display:none}.about-grid{grid-template-columns:1fr}.project-card{grid-template-columns:1fr!important;gap:2rem!important;padding:2rem!important}.project-image-wrapper{min-height:250px!important}}.project-card{width:100%;max-width:1600px;height:clamp(600px,85vh,900px);box-shadow:none;background:#0a1226f7;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;padding:4rem;display:grid;-webkit-backdrop-filter:none!important}.project-card-github{background:linear-gradient(135deg,#0a1226f7 0%,#0f1e14f7 100%)}.github-cta-preview{text-align:center;background:radial-gradient(circle at 50% 0,#22c55e1f 0%,#0000 55%);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:320px;padding:3rem 2rem;display:flex}.github-cta-avatar{width:96px;height:96px;font-family:var(--font-hero);color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:2rem;font-weight:800;display:flex;box-shadow:0 0 30px #22c55e59}.github-cta-handle{color:var(--logo-text);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.github-cta-bio{color:var(--text-muted);max-width:280px;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.github-cta-stats{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.github-cta-stats strong{color:#22c55e;font-weight:700}.github-cta-url{color:var(--accent);letter-spacing:.04em;margin:0;font-size:.85rem}.flow-art-wrapper{width:100%;overflow-x:hidden}.flow-section-wrapper{background:var(--bg-color);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.flow-art-container{will-change:transform;flex-direction:column;justify-content:center;gap:1.5rem;width:100%;min-height:100vh;padding:max(2rem,4vw) 4vw 4vw;display:flex;position:relative}.sem-media-box::-webkit-scrollbar{display:none}.sem-media-box{-ms-overflow-style:none;scrollbar-width:none}.sem-wrapper{transition:background-color .7s ease-in-out;overflow-x:hidden}.sem-section{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;display:flex;position:relative}.sem-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.sem-bg-wrapper{z-index:0;height:100%;position:absolute;inset:0}.sem-bg-img{object-fit:cover;object-position:center;width:100vw;height:100vh}.sem-bg-overlay{background-color:#0000001a;position:absolute;inset:0}.sem-content-container{z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.sem-media-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.sem-media-box{z-index:0;border-radius:1rem;max-width:95vw;max-height:85vh;transition:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 50px #0000004d}.sem-media-inner{pointer-events:none;width:100%;height:100%;position:relative}.sem-media-element{object-fit:cover;border-radius:1rem;width:100%;height:100%}.sem-media-pointer-events-none{z-index:10;pointer-events:none;position:absolute;inset:0}.sem-media-overlay{background-color:#0000004d;border-radius:1rem;position:absolute;inset:0}.sem-media-labels{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-top:1rem;transition:none;display:flex;position:relative}.sem-date{color:#bfdbfe;font-size:1.5rem;line-height:2rem}.sem-scroll-hint{color:#bfdbfe;text-align:center;font-weight:500}.sem-title-wrapper{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;transition:none;display:flex;position:relative}.sem-blend{mix-blend-mode:difference}.sem-title-left{font-family:var(--font-hero);color:#bfdbfe;text-transform:uppercase;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1;transition:none}.sem-title-right{font-family:var(--font-hero);text-align:center;color:#bfdbfe;text-transform:uppercase;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1;transition:none}.sem-children-section{flex-direction:column;justify-content:center;width:100%;height:100%;padding:2.5rem 2rem;display:flex}@media (width>=768px){.sem-children-section{padding-left:4rem;padding-right:4rem}}@media (width>=1024px){.sem-children-section{padding-top:5rem;padding-bottom:5rem}}