:root{--night:#101831;--soft-white:#edf3ff;--subtle:#b9c7e6;--mint:#98f0e5}
#welcome,#login{position:relative;isolation:isolate;min-height:100dvh;color:var(--soft-white);background:radial-gradient(ellipse at 14% 17%,#2c3974,transparent 53%),radial-gradient(ellipse at 93% 47%,#2a1d63,transparent 58%),linear-gradient(136deg,#10192f,#171d41 61%,#112136)}
#welcome{overflow:hidden}#login{padding:30px 18px}
.web-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#workspace{isolation:isolate}#workspace-web{z-index:-1}
.sidebar-mark{flex:none;border-radius:13px;box-shadow:0 6px 18px #7165ef50}
.public-content{max-width:1240px;margin:auto;padding:0 34px}
.public-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px;border-bottom:1px solid #c6d5ff24}
.ampere-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;width:max-content}
.ampere-lockup img{border-radius:14px;box-shadow:0 7px 22px #6a70e435}
.ampere-lockup strong{font-size:1.55rem;line-height:1;display:block}
.ampere-lockup small{display:block;color:#cad4ee;font-size:.61rem;letter-spacing:.25em;margin-top:6px;font-weight:700}
.welcome-hero{display:grid;grid-template-columns:1.32fr 1fr;align-items:center;gap:30px;padding:58px 0 52px}
.welcome-hero h1,.auth-side h2{font-size:clamp(2.15rem,5vw,4.5rem);line-height:1.22;margin-bottom:19px;color:#f9faff;font-weight:800}
.welcome-hero h1 span,.auth-side h2 span{color:var(--mint)}
.welcome-hero p,.auth-side p{color:var(--subtle);line-height:1.85;max-width:520px;font-size:1rem}
.public-actions,.expired-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}
.welcome-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;border:1px solid #dadff2;background:#fff;color:#293958;border-radius:11px;padding:8px 14px;font-weight:800;font-size:.86rem;text-decoration:none}
.welcome-button svg,.back-link svg,.trial-under svg{width:17px;height:17px}
.welcome-button.accent{background:linear-gradient(135deg,#a4f3df,#73d9db);color:#102943;border-color:#91e9de;box-shadow:inset 0 1px #ffffffb3,0 7px 22px #65ddc529}
.welcome-button.glass{background:#e0e9ff15;color:#f6f8ff;border-color:#b6c5f154}
.welcome-button:hover{filter:brightness(1.06);box-shadow:0 0 0 2px #abebee40}
.showcase{display:grid;place-items:center;position:relative;min-height:280px;isolation:isolate}
.showcase-ring{position:absolute;width:min(65%,275px);aspect-ratio:1;border-radius:50%;border:1px solid #aeceff59;box-shadow:0 0 0 23px #a2b2ff0b,0 0 0 46px #a2b2ff0a;background:radial-gradient(#7e7aeb70,transparent 69%);z-index:-1}
.showcase img{width:clamp(110px,16vw,180px);height:auto;transform:rotate(-8deg);border-radius:24%;box-shadow:0 0 50px #6f9bf153,0 18px 42px #0b132b9c}
.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:24px}
.features article{padding:16px;border:1px solid #a9bef333;border-radius:15px;background:linear-gradient(145deg,#e4ebff18,#1b254ec2);box-shadow:inset 0 1px #f0f6ff18}
.features h2{font-size:.95rem;margin:11px 0 6px;color:#f2f5ff}.features p,.public-foot{font-size:.83rem;line-height:1.7;color:var(--subtle)}
.public-foot{padding:17px 0}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:940px;width:100%;border:1px solid #acb7ee4d;border-radius:26px;overflow:hidden;background:#141d3899;box-shadow:0 22px 75px #050b2280}
.auth-side{padding:29px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:radial-gradient(ellipse at 30% 12%,#5066a238,transparent 68%)}
.auth-side h2{font-size:clamp(1.75rem,3.5vw,2.95rem)}
.auth-card{background:#f9faff;color:#192642;padding:27px 29px}
.auth-card h1{font-size:1.57rem;margin:13px 0 7px}
.auth-card p{color:#556784;font-size:.87rem;line-height:1.65}
.auth-card form{display:grid;gap:11px;margin-top:17px}
.auth-card label{display:grid;gap:5px;font-size:.84rem;font-weight:700}
.auth-card input{width:100%;padding:9px 10px;min-height:39px;border-radius:9px;border:1px solid #d7e1f2;background:#f0f4fd;color:#17233f}
.auth-card .field-help{color:#576a86;margin-top:-6px}
.back-link,.trial-under{display:inline-flex;align-items:center;gap:6px;color:#5141bd;text-decoration:none;font-size:.84rem;font-weight:700}
.trial-under{margin-top:13px;padding:6px 0}.trial-under:hover,.back-link:hover{text-decoration:underline}
@media(max-width:790px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.public-content{padding:0 18px}.welcome-hero{padding:38px 0}.showcase{min-height:200px}.auth-side{padding:23px}}
@media(max-width:570px){.public-header{min-height:72px}.welcome-hero{grid-template-columns:1fr;padding:28px 0;gap:18px}.showcase{display:none}.auth-shell{grid-template-columns:1fr}.auth-side{padding:12px 17px}.auth-side>div,.auth-side>.public-foot{display:none}.auth-card{padding:20px 17px}.features article{padding:11px}}