/* Orvelun Mini App visual language, standalone web account controls. */
:root { --bg:#090916; --surface:#141426; --surface-2:#1c1935; --line:#363049; --muted:#b6b1ce; --cyan:#67e2f4; --content:920px; }
body { background:radial-gradient(ellipse at 10% 5%,#6d28d921,transparent 50%),radial-gradient(ellipse at 95% 25%,#13bee014,transparent 40%),var(--bg); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px); background-size:36px 36px; }
.topbar { background:#0c0b19ed; border-color:#ffffff0f; }
.page { padding-bottom:48px; }
.brand img { border-radius:12px; }
.button { min-height:48px; border-radius:14px; }
.button.primary { color:#fff; border-radius:18px; border-color:#9272ff70; background:linear-gradient(115deg,#773ce4,#546ae5 60%,#16adc9); box-shadow:0 8px 30px #783ddd22; }
.button.primary:hover { filter:brightness(1.12); }
.section { padding:28px; margin-top:24px; border:1px solid #ffffff13; border-radius:24px; background:linear-gradient(145deg,#1a182ad9,#10121ed9); box-shadow:0 14px 36px #00000015; scroll-margin-top:88px; }
.section h2 { margin-top:0; }
.section-copy { line-height:1.65; }
.account-head { padding:8px 0 4px; gap:16px; }
.cabinet-brand { display:flex; align-items:center; gap:16px; }
.cabinet-brand img { border-radius:22px; box-shadow:0 0 28px #24d7ff18; }
.cabinet-brand h1 { margin:0; font-size:32px; letter-spacing:.06em; }
.eyebrow { margin:0 0 7px; color:#b8a6e8; font-size:11px; font-weight:700; letter-spacing:.18em; }
.status-line { background:#38e08b0b; border:1px solid #38e08b25; border-radius:30px; padding:10px 14px; font-size:13px; }
.access-card { border-color:#8f4dff40; }
.metric-grid { grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:10px; }
.metric { border:1px solid #ffffff0b; border-radius:16px; background:#ffffff04; }
.access-card #revealButton { min-height:64px; flex:1; font-size:20px; }
.cabinet-menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0 32px; }
.cabinet-menu a { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; min-height:138px; padding:18px 12px; border:1px solid #ffffff1c; border-radius:24px; color:#f7f8ff; text-align:center; text-decoration:none; font-weight:750; background:linear-gradient(160deg,#252334c9,#171624ed); box-shadow:inset 0 1px 0 #ffffff09; transition:background .16s,border-color .16s,transform .16s; }
.cabinet-menu a:hover { border-color:#b392f0; background:#2d2548; transform:translateY(-2px); }
.cabinet-menu a span { font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:27px; line-height:1.4; }
.cabinet-menu a small { font-size:12px; line-height:1.5; color:var(--muted); font-weight:400; }
.cabinet-menu .brand-tile { background:linear-gradient(125deg,#7131ce,#3b246a); border-color:#a26ce080; }
.cabinet-menu .brand-tile small { color:#e1d5f7; }
.app-item,.tariff { border-radius:18px; background:#0b0b1780; border-color:#ffffff12; }
.app-downloads { margin-bottom:14px; gap:8px; }
.app-downloads .button { font-size:13px; }
#orvelun-app,#referralBlock { scroll-margin-top:100px; }
.setup-steps { padding-left:24px; margin:24px 0; }
.setup-steps li { padding:0 0 12px 8px; }
.setup-steps li::marker { color:#c1a5ff; font-weight:750; }
.setup-steps p { color:var(--muted); line-height:1.7; margin:7px 0; }
.intro h1 { font-size:clamp(32px,4vw,46px); }
.brand-orbit { border-color:#9662e956; box-shadow:0 0 65px #802dc822; }
input { border-radius:14px; }
footer { border-color:#ffffff0d; }
@media(min-width:760px) { .cabinet-menu { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } .cabinet-menu a { font-size:15px; min-height:156px; } }
@media(max-width:620px) {
 .page { width:calc(100% - 28px); }
 .section { padding:22px 18px; border-radius:22px; }
 .account-head { align-items:stretch; }
 .cabinet-brand h1 { font-size:28px; }
 .cabinet-brand img { width:64px; height:64px; }
 .status-line { align-self:flex-start; }
 .cabinet-menu { gap:10px; }
 .cabinet-menu a { min-height:132px; border-radius:20px; font-size:14px; }
 .cabinet-menu a small { font-size:11px; }
 .metric-grid { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); }
 .metric { padding:12px; }
 .metric strong { font-size:17px; }
 .metric span { font-size:12px; }
 .app-downloads { grid-template-columns:1fr 1fr; }
 .intro .brand-orbit { width:150px; }
}
@media(prefers-reduced-motion:reduce) { .cabinet-menu a { transition:none; } .cabinet-menu a:hover { transform:none; } }

.access-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:0 0 22px; }
.access-choice { display:flex; flex-direction:column; gap:10px; min-height:100px; padding:18px; text-align:left; color:var(--text); border:1px solid var(--line); border-radius:16px; background:#ffffff04; cursor:pointer; overflow-wrap:anywhere; }
.access-choice span { font-size:13px; color:var(--muted); line-height:1.5; }
.access-choice[aria-pressed="true"] { border-color:#bc91ff; background:#7131ce24; box-shadow:inset 0 0 0 1px #bc91ff; }
.renewal-label { padding:12px 16px; border-left:3px solid #a475f2; background:#8f4dff10; overflow-wrap:anywhere; }
.renewal-label:empty { display:none; }
.link-preview { margin-top:18px; padding:20px; border:1px solid #9470c8; border-radius:18px; background:#8f4dff14; }
.link-preview p,.link-preview li { line-height:1.7; overflow-wrap:anywhere; }
.link-preview ul { padding-left:20px; }
@media(max-width:620px) { .access-choices { grid-template-columns:1fr; } }