
/* V3 unified design language */
:root{--accent:#8be4ff;--line:rgba(144,211,255,.2);--muted:#b8c8db}
body,body.inner-page{background:#080e1b;background-image:radial-gradient(ellipse at 50% 5%,#233752 0%,#101c2e 43%,#080e1b 88%);color:#f3f8ff}
body.inner-page .topbar{box-shadow:0 12px 60px #0003}
body.inner-page .eyebrow,body.inner-page .email{color:#9de8ff}
body.inner-page .hero{min-height:610px;max-width:none;position:relative;overflow:hidden;padding:100px min(4vw,38px) 110px 0;isolation:isolate}
body.inner-page .hero:before{content:'';position:absolute;right:3%;top:50%;width:min(400px,40vw);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;border:1px solid #a5e8ff55;box-shadow:0 0 90px #51d6ff28,inset 0 0 90px #51d6ff1a;background:repeating-radial-gradient(circle,transparent 0 31px,#7deaff12 32px 33px);animation:v3breathe 8s ease-in-out infinite alternate;z-index:-1}
body.inner-page .hero:after{content:'';position:absolute;right:8%;top:50%;width:min(295px,30vw);aspect-ratio:1;transform:translateY(-50%);border:1px dashed #ffae9766;border-radius:50%;animation:v3orbit 55s linear infinite;z-index:-1}
body.inner-page .hero .lead{max-width:670px}
body.inner-page .hero h1{max-width:750px}
body.inner-page .card,body.inner-page .project-links a{background:linear-gradient(145deg,rgba(30,53,78,.88),rgba(12,24,41,.94));border:1px solid #a5e8ff25}
body.inner-page .cta{background:linear-gradient(115deg,#1c3851,#121d34);border-color:#a5e8ff4a}
body.inner-page .btn{background:linear-gradient(120deg,#a1eaff,#69cbe8);color:#081727;border-color:#b9f2ff;box-shadow:0 12px 40px #54c9ff22}
body.inner-page .btn:hover{box-shadow:0 16px 48px #54c9ff44}
body.inner-page .back:hover,body.inner-page .language-switch a:hover,body.inner-page .language-switch a[aria-current=page]{background:#a1eaff;border-color:#a1eaff;color:#081727}
body.inner-page .footer{background:#080e1b}
.v3-label{color:#9de8ff;letter-spacing:.22em;font-size:12px;font-weight:800;text-transform:uppercase}
.v3-faq{display:grid;gap:12px;margin:20px 0 0}.v3-faq details{border:1px solid #a5e8ff2b;border-radius:16px;padding:18px 22px;background:#15283bb8}.v3-faq summary{cursor:pointer;font-weight:750}.v3-faq details p{margin-bottom:0}
.v3-strip{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.v3-strip a{border:1px solid #9de8ff44;border-radius:999px;padding:10px 15px;text-decoration:none;background:#183148b8}.v3-strip a:hover{background:#274e69}
.v3-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.v3-project{padding:30px;border:1px solid #9de8ff35;border-radius:22px;background:linear-gradient(145deg,#1b334b,#101d30);text-decoration:none;transition:transform .3s,border-color .3s}.v3-project:hover{transform:translateY(-5px);border-color:#9de8ff}.v3-project strong{font-size:24px}.v3-project span{display:block;color:#bfd1e0;margin-top:8px}
.v3-quick{position:fixed;right:20px;bottom:20px;z-index:50;background:#a1eaff;color:#071b2b;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 8px 40px #0008}
@keyframes v3breathe{to{opacity:.55;filter:brightness(1.4)}}@keyframes v3orbit{to{transform:translateY(-50%) rotate(360deg)}}
@media(max-width:760px){body.inner-page .hero{min-height:480px;padding:70px 0}body.inner-page .hero:before{right:-18%;width:60vw}body.inner-page .hero:after{right:-8%;width:44vw;opacity:.5}.v3-projects{grid-template-columns:1fr}.v3-quick{right:12px;bottom:12px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){body.inner-page .hero:before,body.inner-page .hero:after{animation:none}}
