.secondary-page { position:relative; min-height:100%; overflow:hidden; border-radius:24px; color:#fff; }
.secondary-atmosphere { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 72% 18%, color-mix(in srgb,var(--secondary-accent) 42%,transparent),transparent 34%),radial-gradient(circle at 18% 75%,rgba(131,93,255,.34),transparent 30%),linear-gradient(145deg,#101653,#090d31 68%); }
.secondary-atmosphere::after { content:""; position:absolute; inset:0; opacity:.32; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
.secondary-scroll { position:relative; z-index:1; padding:20px 28px 32px; }
.secondary-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.secondary-kicker { color:#ffd166; font-size:13px; font-weight:800; letter-spacing:2px; }
.secondary-heading h1 { margin:4px 0 0; font-size:34px; }
.secondary-back { padding:9px 18px; border:1px solid rgba(255,255,255,.22); border-radius:20px; color:#fff; text-decoration:none; background:rgba(255,255,255,.08); }
.secondary-hero { min-height:300px; display:grid; grid-template-columns:1.15fr .85fr; border:1px solid rgba(255,255,255,.15); border-radius:28px; overflow:hidden; background:rgba(22,27,88,.72); box-shadow:0 22px 50px rgba(0,0,0,.28); }
.secondary-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:34px 40px; }
.secondary-status { align-self:flex-start; padding:7px 13px; border-radius:18px; background:rgba(255,255,255,.1); color:#dcd8ff; font-size:13px; }
.secondary-status i { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:#65e3aa; box-shadow:0 0 12px #65e3aa; }
.secondary-hero h2 { margin:18px 0 10px; font-size:42px; line-height:1.15; }
.secondary-hero p { max-width:560px; margin:0; color:rgba(255,255,255,.76); line-height:1.8; }
.secondary-hero-actions { display:flex; gap:12px; margin-top:24px; }
.secondary-hero-actions button { min-width:150px; height:46px; border-radius:24px; border:0; font-size:15px; font-weight:800; cursor:pointer; }
.secondary-primary { background:linear-gradient(180deg,#ffe9a4,#f6b938); color:#583a00; box-shadow:0 7px 0 #bc7720; }
.secondary-secondary { background:rgba(255,255,255,.1); color:#fff; outline:1px solid rgba(255,255,255,.25); }
.secondary-hero-art { display:flex; align-items:center; justify-content:center; min-width:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.08)); }
.secondary-hero-art img { display:block; width:min(100%,520px); height:300px; object-fit:contain; image-rendering:auto; filter:drop-shadow(0 18px 26px rgba(0,0,0,.3)); }
.secondary-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:16px 0; }
.secondary-metric { padding:18px 24px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(255,255,255,.07); }
.secondary-metric strong { display:block; color:#ffe093; font-size:26px; }
.secondary-metric span { display:block; margin-top:4px; color:rgba(255,255,255,.66); font-size:13px; }
.secondary-grid { display:grid; grid-template-columns:1fr 320px; gap:16px; }
.secondary-panel { padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(16,21,75,.78); }
.secondary-panel-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.secondary-panel-title h2 { margin:0; font-size:21px; }
.secondary-panel-title span { color:#ffe093; }
.secondary-task-list { display:grid; gap:10px; }
.secondary-task { display:flex; gap:18px; align-items:center; padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.06); }
.secondary-task-copy { flex:1; min-width:0; }
.secondary-task h3 { margin:0 0 5px; font-size:15px; }
.secondary-task p { margin:0 0 9px; color:rgba(255,255,255,.58); font-size:12px; }
.secondary-progress { height:6px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.1); }
.secondary-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--secondary-accent),#ffd166); }
.secondary-task button { min-width:80px; height:34px; border:0; border-radius:18px; background:var(--secondary-accent); color:#fff; font-weight:800; cursor:pointer; }
.secondary-related-nav { display:grid; gap:10px; }
.secondary-related-nav a { display:flex; align-items:center; justify-content:space-between; padding:15px; border-radius:15px; color:#fff; text-decoration:none; background:rgba(255,255,255,.06); transition:.2s ease; }
.secondary-related-nav a:hover { transform:translateX(4px); background:rgba(255,255,255,.12); }
.secondary-toast { position:fixed; left:50%; bottom:28px; z-index:200; padding:11px 20px; border-radius:22px; color:#fff; background:#292269; box-shadow:0 12px 32px rgba(0,0,0,.35); opacity:0; transform:translate(-50%,14px); pointer-events:none; transition:.2s ease; }
.secondary-toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:1000px) { .secondary-hero { grid-template-columns:1fr; } .secondary-hero-art { order:-1; } .secondary-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .secondary-scroll { padding:16px; } .secondary-hero-copy { padding:24px; } .secondary-hero h2 { font-size:32px; } .secondary-metrics { grid-template-columns:1fr; } }