:root{–as360-bg:#0b1220;–as360-line:rgba(255,255,255,.12);
–as360-text:rgba(255,255,255,.92);–as360-muted:rgba(255,255,255,.72);
–r:18px;–shadow:0 24px 80px rgba(0,0,0,.35);
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.as360-page{color:var(–as360-text);background:
radial-gradient(1200px 600px at 15% 10%, rgba(124,58,237,.35), transparent 60%),
radial-gradient(900px 500px at 80% 20%, rgba(6,182,212,.28), transparent 55%),
radial-gradient(900px 500px at 70% 85%, rgba(34,197,94,.16), transparent 60%),
linear-gradient(180deg, #070b14 0%, var(–as360-bg) 100%);
border-radius:22px;box-shadow:var(–shadow);overflow:hidden;
}
.as360-inner{max-width:1100px;margin:0 auto;padding:28px 18px 36px;}
.as360-top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;
padding:12px;border:1px solid var(–as360-line);border-radius:var(–r);
background:rgba(255,255,255,.03);backdrop-filter: blur(8px);
}
.as360-brand h1{margin:0;font-size:16px;letter-spacing:.2px;line-height:1.15;}
.as360-brand small{display:block;color:var(–as360-muted);font-size:12px;margin-top:2px;}
.as360-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
padding:10px 14px;border-radius:14px;text-decoration:none !important;
border:1px solid var(–as360-line);background:rgba(255,255,255,.05);
color:var(–as360-text);font-weight:650;white-space:nowrap;
}
.as360-hero{margin-top:14px;padding:18px;border:1px solid var(–as360-line);border-radius:var(–r);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.as360-title{margin:0 0 8px;font-size: clamp(22px, 3vw, 34px);line-height:1.08;}
.as360-sub{margin:0;color:var(–as360-muted);line-height:1.6;font-size:14px;max-width:85ch;}
.as360-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}
@media (max-width:900px){.as360-flow{grid-template-columns:1fr;}}
.as360-step{border:1px solid var(–as360-line);background:rgba(255,255,255,.04);
border-radius:14px;padding:12px;
}
.as360-step b{display:block;margin-bottom:4px;}
.as360-step span{display:block;color:var(–as360-muted);font-size:13px;line-height:1.5;}
.as360-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
@media (max-width:900px){.as360-grid{grid-template-columns:1fr;}}
.as360-card{border:1px solid var(–as360-line);background:rgba(0,0,0,.18);
border-radius:14px;padding:14px;
}
.as360-card h2{margin:0 0 6px;font-size:16px;}
.as360-card p{margin:0 0 10px;color:var(–as360-muted);font-size:13.5px;line-height:1.6;}
.as360-list{margin:0;padding-left:18px;color:var(–as360-muted);font-size:13.5px;line-height:1.65;}
.as360-list a{color:rgba(255,255,255,.92);text-decoration:underline;}
.as360-note{margin-top:12px;padding:12px 14px;border-radius:14px;
border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);
color:rgba(255,255,255,.86);font-size:12.8px;line-height:1.55;
}