/* Amber Elite · shared visual layer, compatible with the existing studios. */
:root{--bg:#080e19;--card:#101b2b;--card2:#152237;--border:#29394e;--text:#f0f5fc;--muted:#a5b5ca;--accent:#80e3ef;--accent2:#e8b976;--radius:20px;color-scheme:dark}
body{font-size:16px;line-height:1.5;background:radial-gradient(ellipse at 80% 0,rgba(55,100,145,.16),transparent 52%),#080e19;background-attachment:fixed}
body::before,body::after{pointer-events:none}
a,button,input,textarea,select{transition-property:color,background-color,border-color,box-shadow,transform,opacity}
:focus-visible{outline:3px solid #91eaf4!important;outline-offset:4px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select{font-size:16px}
button,a{touch-action:manipulation}
.nav{background:rgba(10,18,31,.96);border-bottom:1px solid var(--border);box-shadow:0 8px 30px #0003;backdrop-filter:blur(16px);gap:4px;flex-wrap:wrap}
.nav a:not(.nav-brand){font-size:14px;letter-spacing:0;text-transform:none;padding:10px 12px}
.nav a.active{color:#b1f2f7;background:#80e3ef16;border-color:#80e3ef55}
.nav-brand{letter-spacing:-.04em!important}.nav-brand-mark,.mobile-app-orbit,.amber-auth-a{background:linear-gradient(145deg,#253e55,#102030);border-color:#8bdcea66;box-shadow:inset 0 1px 1px #d4f4ff66,0 10px 25px #0006;color:#a8edf4}
.card,.luxe-card,.auth-card{border-color:var(--border);box-shadow:0 14px 38px #0003,inset 0 1px 0 #ffffff05}
.luxe-card:hover{border-color:#6996ad;box-shadow:0 20px 45px #0005}
.auth-body{background:radial-gradient(ellipse at 20% 25%,#1e405833,transparent 55%),radial-gradient(ellipse at 85% 75%,#8b64331a,transparent 45%),#080e19}
.auth-wrap{width:min(100% - 32px,460px)}.auth-card{background:linear-gradient(150deg,#152236,#0d1726);padding:30px;border-radius:24px}.auth-card .card-title{font-size:24px}.auth-card .card-sub,.auth-brand .brand-sub,.remember,.forgot-link,.field label{font-size:14px}.auth-brand .brand-name{letter-spacing:-.04em}.auth-card .field-input{min-height:48px}
.amber-system-footer{font-size:12px;color:#9db0c7;letter-spacing:.02em}.amber-system-footer [data-network-status]{color:#a9d8c5}
[data-network-status][data-offline=true]{color:#ffcd92!important}
.amber-command-grid [hidden]{display:none!important}.amber-command-grid small,.mobile-more-grid small{font-size:14px}.amber-command-bg,.mobile-more-bg{backdrop-filter:blur(8px)}
.pro-home{max-width:1360px;margin:auto;padding:32px clamp(18px,4vw,56px) 48px}.pro-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pro-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#91b3c6}.pro-account{font-size:14px;color:var(--muted);text-decoration:none}.pro-account:hover{color:var(--accent)}
.pro-hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:330px;isolation:isolate;border:1px solid #38516a;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#39637955,transparent 65%),linear-gradient(120deg,#182a3f,#0c1626);box-shadow:0 28px 65px #0004,inset 0 1px #b4eaff22}
.pro-hero-copy{padding:40px;align-self:center;z-index:2}.pro-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.055em;font-weight:650;margin:14px 0 18px;overflow-wrap:anywhere}.pro-hero-copy>p{color:#b7c9dc;max-width:420px;font-size:16px}.pro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.pro-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border-radius:12px;background:#b7eef2;color:#09222b;text-decoration:none;font-weight:650;font-size:15px;box-shadow:inset 0 1px #fff9,0 6px 18px #0002}.pro-button:hover{background:#daf9fb;transform:translateY(-2px)}.pro-button-secondary{background:#ffffff06;color:#e0edf8;border:1px solid #597084;box-shadow:none}.pro-button-secondary:hover{background:#ffffff12}
.pro-scene{position:relative;display:grid;place-items:center;min-height:330px;perspective:1000px;padding:26px 44px 26px 20px}.pro-scene::before{content:'';position:absolute;inset:20% 10%;border:1px solid #aadce533;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 65px #6abaca15,inset 0 0 50px #6abaca12}.pro-portrait{width:100%;max-width:330px;height:285px;border-radius:24px;position:relative;transform:rotateY(-12deg) rotateX(5deg);border:1px solid #a5d9e95c;box-shadow:18px 24px 35px #0006,5px 5px 0 #182e40,9px 9px 0 #47708355;overflow:hidden;background:#14263b}.pro-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.pro-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#d0f5ff33,transparent 45%,#02142455);pointer-events:none}.pro-scene-label{position:absolute;bottom:25px;right:24px;z-index:2;padding:10px 16px;background:#122336eb;border:1px solid #6b91a5;border-radius:12px;box-shadow:0 12px 25px #0005;font-size:12px;letter-spacing:.12em;color:#bfebf2}
.pro-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 34px;border:1px solid var(--border);border-radius:18px;background:#101b2b}.pro-stat{padding:20px 22px;min-width:0}.pro-stat+.pro-stat{border-left:1px solid var(--border)}.pro-stat strong{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;display:block;font-weight:600;overflow-wrap:anywhere}.pro-stat span{display:block;color:var(--muted);font-size:14px;margin-top:5px}
.pro-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.pro-section-heading h2{font-size:23px;letter-spacing:-.03em}.pro-section-heading p{color:var(--muted);font-size:14px;margin-top:4px}.pro-section-heading>a{font-size:14px;color:var(--accent);text-decoration:none;white-space:nowrap}
.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:1200px}.pro-tool{position:relative;display:flex;flex-direction:column;min-height:200px;padding:24px;border-radius:20px;border:1px solid #2c4056;background:linear-gradient(140deg,#18263a,#0f1a2b);color:var(--text);text-decoration:none;box-shadow:0 12px 26px #0002,inset 0 1px #ffffff06;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease,border-color .18s,box-shadow .18s}
.pro-tool:hover{border-color:#7099ad;box-shadow:0 20px 38px #0005}.pro-tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(140deg,#39576b,#1d3042);border:1px solid #658ba166;box-shadow:inset 0 1px #dbf7ff44,3px 4px 0 #070f1c66;color:#baedf2;font-size:24px;margin-bottom:20px}.pro-tool h3{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.pro-tool p{font-size:14px;color:#afc0d4;padding-right:14px;line-height:1.6}.pro-tool-arrow{position:absolute;right:22px;top:27px;color:#8ba5bc;font-size:21px}.pro-tip{padding:20px 0 0;font-size:14px;color:var(--muted)}.pro-tip kbd{border:1px solid #43556d;padding:2px 6px;border-radius:5px;font-size:12px}
@media(min-width:761px) and (max-width:1200px){.nav{justify-content:center}.nav .spacer{display:none}.nav a:not(.nav-brand){padding:8px;font-size:13px}.pro-hero-copy{padding:28px}.pro-scene{padding-right:26px}}
@media(max-width:760px){.pro-home{padding:20px 16px 32px}.pro-topline{margin-bottom:18px}.pro-hero{grid-template-columns:1fr}.pro-hero-copy{padding:28px 24px 12px}.pro-scene{min-height:235px;padding:20px 35px 30px}.pro-portrait{height:210px;max-width:330px;transform:rotateY(-8deg) rotateX(4deg)}.pro-scene-label{right:30px;bottom:20px}.pro-stats{grid-template-columns:repeat(3,1fr);margin:20px 0 28px}.pro-stat{padding:16px 12px}.pro-stat strong{font-size:23px}.pro-stat span{font-size:12px}.pro-stat:nth-child(4){border-left:0}.pro-stat:nth-child(n+4){border-top:1px solid var(--border)}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pro-tool{padding:18px;min-height:200px}.pro-tool p{padding-right:0}.pro-section-heading{align-items:start}.pro-section-heading h2{font-size:21px}.pro-section-heading>a{padding-top:6px}.mobile-live{font-size:9px;letter-spacing:0}.mobile-bottom-nav small{font-size:11px}.mobile-app-header{background:#0b1422f5}.pro-tip{display:none}}
@media(max-width:400px){.pro-grid{grid-template-columns:1fr}.pro-tool{min-height:160px}.pro-hero-copy{padding:24px 20px 8px}.pro-actions{gap:8px}.pro-button{padding:12px 15px;font-size:14px}.pro-section-heading>a{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pro-tool,.pro-portrait{transform:none!important}}