/* Shared Tiếng Trung Công Xưởng palette; original layout and local CSS motion. */
:root{--green:#0a7169;--ink:#17231f;--muted:#5a6a64;--gold:#f2c66d;--surface:#ffffff;--line:#dce8e3;--shadow:0 14px 38px #064a460c}
body{background:radial-gradient(ellipse at 5% 12%,#e1f2e8,transparent 52%),radial-gradient(ellipse at 92% 5%,#fff0d7,transparent 38%),#f8f6f1}a{text-underline-offset:4px}.topbar{top:14px;width:min(1230px,calc(100% - 40px));margin:14px auto 0;border:1px solid #ffffffbd;border-radius:20px;padding:14px 22px;background:#ffffffdc;box-shadow:0 12px 36px #064a460c}.brand-logo{width:44px;height:44px}.brand{color:#064a46;font-size:14px}.brand small{color:#658178}.topbar .row>a{font-size:12px;color:#0a7169;text-decoration:none;padding:10px 12px;border-radius:12px;background:#e8f6f1}.welcome{gap:80px;min-height:calc(100vh - 180px)}.intro h1{color:#064a46;font-weight:750;letter-spacing:-2px;line-height:1.2}.intro p{line-height:1.85;font-size:15px}.chips span{border:1px solid #d9e8dc;background:#ffffffa8;padding:8px 13px;font-size:11px}.auth-card{position:relative;border-radius:25px;padding:35px;background:#ffffffed;box-shadow:0 24px 60px #064a4610;border-color:#fff;animation:sceneEnter .45s ease-out both}.auth-card::before{content:"";position:absolute;left:35px;top:0;width:66px;height:5px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#0a7169,#f2c66d)}.auth-card h2{color:#064a46}.auth-card input{min-height:49px;border-radius:13px;background:#fcfdfb;padding:13px}.auth-card input:focus{outline:0;border-color:#0a7169;box-shadow:0 0 0 3px #0a716911}.primary{background:#0a7169;min-height:46px;border-radius:13px;box-shadow:0 7px 16px #0a71691a;transition:background .2s,transform .2s}.primary:hover{background:#085e57;transform:translateY(-1px)}.tabs{padding:7px;background:#ffffffd9;border:1px solid #dce8e3;box-shadow:0 8px 25px #064a4608}.tabs .selected{background:#e8f6f1;color:#064a46}.grid .card{transition:transform .22s,box-shadow .22s}.grid .card:hover{transform:translateY(-3px);box-shadow:0 20px 38px #064a4614}.scene-enter{animation:sceneEnter .44s cubic-bezier(.22,.7,.3,1) both}#toast{background:#064a46;border-radius:16px}.view{animation:sceneEnter .28s ease-out}button:focus-visible,a:focus-visible{outline:3px solid #f2c66d;outline-offset:3px}@keyframes sceneEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.welcome{gap:35px}.intro h1{font-size:43px}.topbar{padding:12px 17px}}@media(max-width:600px){.topbar{top:8px;width:calc(100% - 24px);margin-top:8px;border-radius:17px;padding:12px}.brand{font-size:12px;gap:8px}.brand-logo{width:36px;height:36px}.topbar .row>a{font-size:10px;padding:8px}.welcome{gap:25px;min-height:auto}.intro h1{font-size:36px;letter-spacing:-1px}.auth-card{padding:26px;max-width:none}.auth-card input{font-size:16px}.tabs{border-radius:17px}.exam-bar{top:84px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Independent TCX study portal: typographic chapter marker and flat surfaces. */
body{background:#f8f6f1}.topbar{border-radius:16px;backdrop-filter:none;background:#fff;box-shadow:0 6px 20px #064a4605}.welcome{gap:58px}.intro{position:relative;padding:28px 0 28px 24px;border-left:4px solid #f2c66d}.intro h1{font-size:clamp(34px,4.5vw,56px)}.auth-card{border-radius:16px;background:#fff;border:1px solid #dce8e3;box-shadow:0 15px 40px #064a4608}.chips span{border-radius:10px;background:#e8f6f1}.card{border-radius:16px}.tabs{border-radius:12px}.grid .card:hover{transform:none}.primary{box-shadow:none}.auth-card::before{background:#f2c66d}@media(max-width:600px){.welcome{gap:20px}.intro{padding:13px 0 13px 16px}.intro h1{font-size:34px}.intro p{font-size:13px}.topbar{border-radius:14px}}

/* Same self-authored Soft-3D material, without reference-app composition. */
.topbar{box-shadow:0 3px 0 #dce6de,0 12px 25px #064a4608}.auth-card,.grid .card{background:linear-gradient(135deg,#fff,#f5faf6);border-color:#fff;box-shadow:0 5px 0 #dce7df,0 20px 35px #064a460c}.primary{background:linear-gradient(145deg,#109480,#08736a);box-shadow:0 3px 0 #055950}.bank-icon{background:linear-gradient(135deg,#fafffc,#dfeee3);box-shadow:0 3px 0 #cadfcf}.intro{border-left-color:#f2c66d}