:root{--xs-navy:#071a33;--xs-blue:#003b73;--xs-gold:#ffd700;--xs-bg:#f4f7fb;--xs-text:#122033;--xs-muted:#6d7785;--xs-green:#168a55}*{box-sizing:border-box}.xs-shell,.xs-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--xs-text)}.xs-shell{max-width:520px;margin:35px auto;padding:18px}.xs-app{max-width:760px;margin:0 auto;padding:16px 16px 90px;background:var(--xs-bg);min-height:80vh}.xs-brand{font-weight:950;letter-spacing:-1px;font-size:24px;color:var(--xs-navy)}.xs-brand span{color:var(--xs-blue);font-size:14px;margin-left:2px}.xs-card,.xs-section,.xs-hero{background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:22px;box-shadow:0 10px 35px rgba(7,26,51,.07)}.xs-card h1,.xs-section h2{margin-top:5px}.xs-muted{color:var(--xs-muted);font-size:14px}.xs-center{text-align:center}.xs-form label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}.xs-form input{width:100%;border:1px solid #dce3eb;border-radius:12px;padding:13px 14px;font-size:16px;background:#fff}.xs-btn{display:inline-block;width:100%;border:0;border-radius:13px;padding:14px 16px;background:var(--xs-navy);color:#fff!important;text-align:center;text-decoration:none;font-weight:800;cursor:pointer;margin-top:14px}.xs-small{padding:11px;margin-top:5px}.xs-notice,.xs-pending{background:#fff8cf;border:1px solid #f2dd62;padding:12px 14px;border-radius:12px;margin:12px 0}.xs-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.xs-top small{color:var(--xs-muted)}.xs-logout{font-weight:700;text-decoration:none;color:var(--xs-blue)}.xs-hero{background:linear-gradient(145deg,var(--xs-navy),var(--xs-blue));color:#fff}.xs-hero p{font-size:11px;letter-spacing:2px;opacity:.75;margin:0}.xs-hero h1{margin:4px 0 18px}.xs-status{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;background:rgba(255,255,255,.12);border-radius:14px}.xs-status span{font-size:12px;opacity:.85}.xs-status.active b{color:var(--xs-gold)}.xs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.xs-tile{background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:18px;text-decoration:none!important;color:var(--xs-text)!important;box-shadow:0 5px 18px rgba(7,26,51,.04)}.xs-tile b,.xs-tile span{display:block}.xs-tile span{font-size:12px;color:var(--xs-muted);margin-top:5px}.xs-section{margin:14px 0}.xs-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xs-plan{border:1px solid #e4eaf1;border-radius:16px;padding:15px}.xs-plan h3{font-size:15px;margin:0 0 8px}.xs-price{font-size:22px;font-weight:900;color:var(--xs-blue)}.xs-plan p{font-size:12px;color:var(--xs-muted)}.xs-lock{display:inline-block;background:#eef2f7;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.xs-lock.active{background:#e3f7ed;color:var(--xs-green)}.xs-nav{position:fixed;z-index:999;left:50%;transform:translateX(-50%);bottom:12px;width:calc(100% - 28px);max-width:720px;background:rgba(7,26,51,.96);border-radius:18px;padding:14px 8px;display:flex;justify-content:space-around;box-shadow:0 12px 30px rgba(0,0,0,.2)}.xs-nav a{color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800}@media(max-width:600px){.xs-app{padding:12px 12px 90px}.xs-plans{grid-template-columns:1fr}.xs-status{align-items:flex-start;flex-direction:column}.xs-card,.xs-section,.xs-hero{border-radius:18px;padding:18px}}@media(max-width:380px){.xs-grid{grid-template-columns:1fr}}