@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--nav-h: 56px;--line: rgba(168, 214, 255, .24);--text: #eaf2ff;--muted: #b9c9e8;--panel: rgba(10, 24, 46, .72);--panel-strong: rgba(8, 19, 37, .88);--panel-soft: rgba(255, 255, 255, .08);--accent: #8ce8ff;--accent-2: #64c8f2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:#020c1c;min-height:100%}@media (pointer: fine){*{cursor:none!important}}body{font-family:Manrope,sans-serif;background:radial-gradient(34rem 26rem at 22% 118%,#8ee6ff3d,#8ee6ff00 72%),radial-gradient(30rem 24rem at 86% 138%,#5abaf033,#5abaf000 74%),radial-gradient(28rem 22rem at 48% 168%,#429ae02e,#429ae000 76%),radial-gradient(26rem 20rem at 82% 14%,#adeeff40,#adeeff00 68%),radial-gradient(22rem 18rem at 12% 82%,#56b0e833,#56b0e800 70%),radial-gradient(20rem 14rem at 50% 62%,#4696dc29,#4696dc00 72%),radial-gradient(55rem 40rem at -10% 20%,#99faff8c,#99faff00 64%),radial-gradient(42rem 30rem at 105% 28%,#58c5e847,#58c5e800 68%),radial-gradient(30rem 24rem at 58% 18%,#5fd4ff38,#5fd4ff00 72%),radial-gradient(36rem 32rem at 18% 72%,#195fa33d,#195fa300 74%),linear-gradient(115deg,#a0f5ff14 8%,#a0f5ff00 38%),linear-gradient(165deg,#55d4ff2b 15%,#55d4ff05 40%,#55d4ff00 75%),linear-gradient(168deg,#020c1c 2%,#071931 38%,#0b2744 65%,#112f4f);color:var(--text);line-height:1.65;min-height:100vh;overscroll-behavior-y:none;background-color:#020c1c}#root{min-height:100vh;background:radial-gradient(34rem 26rem at 22% 118%,#8ee6ff3d,#8ee6ff00 72%),radial-gradient(30rem 24rem at 86% 138%,#5abaf033,#5abaf000 74%),radial-gradient(28rem 22rem at 48% 168%,#429ae02e,#429ae000 76%),radial-gradient(26rem 20rem at 82% 14%,#adeeff40,#adeeff00 68%),radial-gradient(22rem 18rem at 12% 82%,#56b0e833,#56b0e800 70%),radial-gradient(20rem 14rem at 50% 62%,#4696dc29,#4696dc00 72%),radial-gradient(55rem 40rem at -10% 20%,#99faff8c,#99faff00 64%),radial-gradient(42rem 30rem at 105% 28%,#58c5e847,#58c5e800 68%),radial-gradient(30rem 24rem at 58% 18%,#5fd4ff38,#5fd4ff00 72%),radial-gradient(36rem 32rem at 18% 72%,#195fa33d,#195fa300 74%),linear-gradient(115deg,#a0f5ff14 8%,#a0f5ff00 38%),linear-gradient(165deg,#55d4ff2b 15%,#55d4ff05 40%,#55d4ff00 75%),linear-gradient(168deg,#020c1c 2%,#071931 38%,#0b2744 65%,#112f4f)}.circle-cursor{position:fixed;left:-10px;top:-10px;width:20px;height:20px;border:0;background:#fff;opacity:.7;border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 16px #ffffff59}.site-shell{width:100%;min-height:100vh;margin:0;background:radial-gradient(34rem 24rem at 14% 76%,#74d6ff3d,#74d6ff00 72%),radial-gradient(30rem 22rem at 84% 66%,#5cc4f733,#5cc4f700 74%),radial-gradient(26rem 20rem at 52% 42%,#4aa8e82e,#4aa8e800 76%),#0610208f;border:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar{position:fixed;top:0;left:0;width:100%;z-index:30;height:var(--nav-h);padding:0 1rem;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--accent);margin:0;display:flex;align-items:center;line-height:1}.nav-logo{width:56px;height:56px;object-fit:contain;display:block}.topbar nav{display:flex;gap:1rem}.topbar a{text-decoration:none;color:#d8e7ff;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-weight:600;font-size:.86rem;text-transform:uppercase}.topbar-compact h1{font-size:1.15rem}.page{padding:0 clamp(1.25rem,4vw,3rem) 0}.hero{display:flex;justify-content:center;text-align:center}.full-hero{min-height:calc(100vh - var(--nav-h));align-items:center;position:relative}.hero-content{max-width:900px}.kicker{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.8rem);font-style:italic;color:#f1f5ff}.hero h2{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(2.4rem,4.8vw,4.6rem);letter-spacing:.08em;margin-top:.35rem;margin-bottom:.5rem}.hero-tag{display:inline-block;font-family:Inter,Manrope,sans-serif;font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:600;background:transparent;color:#a7bfdc;border:0;padding:0;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.07em}.hero-copy{max-width:56ch;color:var(--muted);margin-bottom:1.3rem;margin-left:auto;margin-right:auto;font-size:clamp(1.15rem,1.6vw,2rem)}.hero-cta{display:flex;gap:.7rem;justify-content:center}.btn{text-decoration:none;text-transform:uppercase;font-family:Manrope,sans-serif;font-weight:700;font-size:1.15rem;padding:1rem 2.25rem;border:2px solid var(--accent-2)}.btn-dark{background:#2378d233;color:#e7f9ff}.btn-light{background:#ffffff14;color:#e7f2ff}.scroll-indicator{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);color:var(--accent);text-decoration:none;font-size:2rem;line-height:1}.section{min-height:unset;margin:0 0 1.25rem;padding-top:5.5rem;padding-bottom:1rem;display:block}.section h3{text-align:center;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(2.1rem,3.3vw,3rem);margin-bottom:.95rem}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--panel);border:1px solid var(--line);padding:1rem;min-height:160px}.card h4{margin-bottom:.5rem;text-transform:uppercase;font-size:1.25rem}.card p{color:var(--muted);font-size:1.06rem}.about-split{display:block;max-width:900px;margin:0 auto}#about.section{padding-top:calc(var(--nav-h) + 5rem);padding-bottom:0}.about-split h3{text-align:left;font-size:clamp(2.2rem,4.2vw,3.4rem);margin-bottom:.7rem}.about-split p{color:var(--muted);margin-bottom:.75rem;font-size:1.15rem}.about-split ul{padding-left:1.15rem;color:var(--muted)}.about-split li+li{margin-top:.4rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.portfolio-item{text-decoration:none;color:inherit}.portfolio-thumb{height:130px;border:1px solid var(--line);background:linear-gradient(145deg,#15375a,#0c2038);display:flex;align-items:center;justify-content:center}.portfolio-item h4{text-align:center;text-transform:none;font-size:clamp(1.55rem,2.6vw,2.1rem);font-weight:700;color:var(--text)}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.skill-card{border:1px solid var(--line);background:var(--panel);padding:.8rem}.skill-card svg{width:1.1rem;height:1.1rem}.skill-card h4{margin:.45rem 0 .2rem;text-transform:uppercase;font-size:1.1rem}.skill-card p{color:var(--muted);font-size:1rem}.cta-band{min-height:unset;margin:0 -1.5rem;padding:2.2rem 1rem;background:#a3deff24;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;display:block}.cta-band h3{font-size:2rem;margin-bottom:.9rem}.cta-band .hero-cta{justify-content:center}.footer{display:block;padding:1rem 1.5rem .85rem;border:0;background:transparent}.footer-links{display:flex;gap:1rem;align-items:center;justify-content:flex-start}.footer a{color:#d8e8ff;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.footer-copy{font-size:.92rem;color:#9eb4d4;margin:0;text-align:left}.footer-signature{font-family:Georgia,Times New Roman,serif;font-style:italic;color:#dbe8ff}.container{width:100%;min-height:100vh;margin:0}.site-header{width:100%;margin:0;border:0;background:#adddff1f}.header-inner{padding:.85rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-family:Inter,Manrope,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.header-icon{width:1.2rem;height:1.2rem}.detail-container{padding:calc(var(--nav-h) + .25rem) clamp(1.25rem,4vw,3rem) 1.5rem;border:0;border-top:0;background:#040e1e6b}.detail-snap{height:auto;overflow-y:visible}.detail-view{min-height:unset;display:block;margin-bottom:3rem}.content-section{border:1px solid var(--line);background:var(--panel);padding:1rem}.project-detail-page h2{margin-bottom:.7rem}.project-detail-page{display:flex;flex-direction:column;gap:3rem}.project-detail-page .detail-block h3{text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;font-weight:600;opacity:.9}.project-details-intro{border:0;background:transparent;padding:1.6rem 0;margin-bottom:1rem}.project-details-intro h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.08;margin-bottom:1.2rem;color:#f3f8ff}.project-details-intro h2.project-title-cursive{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.project-intro-copy{max-width:76ch;margin-bottom:1.15rem;color:#c6d5ed}.project-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;max-width:860px}.project-meta-item .meta-label{font-family:Inter,Manrope,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;color:#91a9ca;margin-bottom:.2rem}.project-meta-item .meta-value{color:#e2edff}.project-showcase-image{margin:.75rem 0 1rem;border:0;background:transparent;padding:0}.project-showcase-image img{width:100%;height:auto;display:block}.project-detail-page p,.project-detail-page li{color:var(--muted)}.project-detail-page .detail-block p{font-size:1.12rem;line-height:1.75;max-width:72ch}.project-detail-page ul{padding-left:1.2rem}.detail-block+.detail-block{margin-top:0}.nested-features-block{margin-top:2rem}.nested-features-block h3{text-align:center;font-size:clamp(2rem,3.5vw,2.8rem);text-transform:uppercase;letter-spacing:.02em}.interface-showcase-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem;max-width:980px;margin-left:auto;margin-right:auto}.interface-showcase-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;border:0;background:transparent;padding:.4rem 0}.interface-showcase-item img{width:100%;height:auto;display:block}.interface-showcase-copy h4{font-size:1.35rem;margin-bottom:.3rem;color:#eef5ff}.interface-showcase-copy p{margin:0;color:#b7c8e7;max-width:28ch;line-height:1.55}.showcase-progress-text{margin-top:.35rem;min-height:12vh;width:fit-content;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:700;color:#b7c8e7}.in-progress-view{min-height:34vh;display:flex;align-items:center;justify-content:center;text-align:center}.overview-layout{display:grid;grid-template-columns:1fr .95fr;gap:2rem;margin-top:.4rem}.overview-label{font-size:2.2rem;font-weight:700;margin-bottom:.65rem;text-transform:uppercase}.overview-label span{font-family:"Source Serif 4",Fraunces,serif;font-style:italic;font-weight:400;text-transform:none}.overview-side{display:flex;flex-direction:column;gap:1.25rem}.overview-side h4{color:var(--text);font-size:1.9rem;margin-bottom:.4rem}.key-features-section{margin-top:2rem}.key-features-title{text-align:center;font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:1rem;text-transform:uppercase}.key-features-title span{font-family:"Source Serif 4",Fraunces,serif;font-style:italic;font-weight:400;text-transform:none}.key-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:980px;margin:0 auto}.key-feature-card{border:1px solid var(--line);background:linear-gradient(160deg,#112948c7,#0a1d36d1);padding:1rem;border-radius:10px;min-height:180px;display:flex;flex-direction:column;justify-content:center}.key-feature-card h5{font-size:1.65rem;margin-bottom:.35rem;color:#edf4ff}.key-feature-card p{color:#b7c8e7;margin:0;font-size:.95rem;line-height:1.55}.demo-video-button{display:inline-flex;margin-top:1.25rem;align-items:center;justify-content:center;padding:.8rem 1.4rem;border:1px solid rgba(140,232,255,.45);color:#eef7ff;text-decoration:none;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#8ce8ff1f;transition:background .2s ease,border-color .2s ease,transform .2s ease}.demo-video-button:hover{background:#8ce8ff38;border-color:#8ce8ffbf;transform:translateY(-1px)}.project-action-row{margin-top:1.25rem;display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.connect-section{text-align:center}.connect-actions{margin-top:1rem;display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.connect-button{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.15rem;border:1px solid rgba(140,232,255,.45);border-radius:10px;color:#eef7ff;text-decoration:none;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:.9rem;font-weight:700;background:#8ce8ff1f}.back-link{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;color:#d8e8ff;margin-bottom:.65rem;background:transparent;position:static}.back-text-link{text-transform:none;font-size:1rem;opacity:.9}.detail-github{color:#d8e8ff}@media (max-width: 900px){.cards-3,.cards-4{grid-template-columns:repeat(2,1fr)}.project-meta-grid{grid-template-columns:1fr}.overview-layout{grid-template-columns:1fr;gap:1.2rem}.key-features-grid,.interface-showcase-item{grid-template-columns:1fr}}@media (max-width: 640px){.topbar{padding:.7rem .9rem}.topbar h1{font-size:1.1rem}.topbar nav{gap:.7rem}.page{padding:0 1rem}.hero h2,.section h3,.cta-band h3,.footer h3{font-size:1.55rem}.cards-3,.cards-4,.portfolio-grid,.about-split{grid-template-columns:1fr}.footer-links{flex-direction:column;align-items:flex-start;gap:.5rem}.cta-band{margin-left:-1rem;margin-right:-1rem}}
