:root{--purple:#067da7;--ink:#103653;background:#edf7fc;color:#123a57}body{background:radial-gradient(ellipse at 90% 0%,#c1f2fb,transparent 50%),#eff8fc}.shell{display:block}.sidebar,.topbar{display:none}.site-header{display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;background:linear-gradient(115deg,#e8fcff,#87dfed);gap:20px;min-height:96px}.site-header .brand{color:#083b59;font-size:25px;letter-spacing:-1px}.site-header .brand small{color:#35748e;font-size:11px}.site-header .mark{background:#027aa3;box-shadow:0 3px 0 #075675}.topskills-lockup{display:flex;align-items:center;gap:25px}.topskills-logo{display:block;width:120px;height:68px;object-fit:contain}.account-buttons{display:flex;gap:10px}.account-buttons .btn{padding:10px 16px}.site-nav{background:linear-gradient(110deg,#073a54,#05627e);color:#d9f2ff;display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;gap:15px;border-bottom:3px solid #42cce2}.site-nav .nav-group{display:flex;gap:8px}.site-nav button{padding:12px 18px;border-radius:7px;background:transparent;color:#d3eefa;font-size:14px;font-weight:600;white-space:nowrap}.site-nav button.active{color:#073c57;background:#c4f5ff}.nav-meta{font-size:12px;color:#a6d4e4;white-space:nowrap}.main{max-width:1370px;padding:32px 4vw}.eyebrow{color:#0b7698}h1,h2,h3{color:#123a57}p,.muted{color:#54738a}.primary{background:#057fa9;border-color:#057fa9;box-shadow:0 3px 0 #07536f}.btn{border-color:#bfd9e5}.dark{background:#103f59;border-color:#103f59}.hero{background:linear-gradient(120deg,#073857,#075f7b);min-height:230px;border-radius:17px;box-shadow:0 14px 35px #0a668015}.hero h2{color:white}.hero .eyebrow{color:#9feaf6}.hero p{color:#d1edf5}.hero .btn{background:#b9f2ff;color:#0c4c64}.mini-board{background:#ffffff12;border-color:#71ccdf7a}.mini-board h3{color:white}.mini-board p{color:#ddf6ff}.card{border-color:#bedae6;border-radius:13px;box-shadow:0 6px 22px #23658a09}.art1{background:linear-gradient(135deg,#d9f5ff,#b8dfef);color:#067ca6}.art2{background:linear-gradient(135deg,#d8f5ec,#bce3dd);color:#148f80}.art3{background:linear-gradient(135deg,#fff0da,#f2dcc0);color:#b87f2e}.art-letter{font-weight:600}.chip.selected{background:#d4f3fc;color:#076b8c;border-color:#81c7dc}.badge{background:#d8f3fa;color:#126780}.panel,.join-strip{border-color:#bad8e6}.q-item.active{color:#067b9e}.upload{background:#f0faff;border-color:#9fcddb;color:#28728d}.full-screen{background:linear-gradient(145deg,#06334f,#064965)}.full-screen h1,.full-screen h2,.full-screen h3{color:#fff}.full-screen .brand{color:#fff}.full-screen .brand small{color:#b5d7e5}.full-screen .brand .mark{background:#1198bb}.full-screen p{color:#c6e3ef}.full-screen .topskills-logo{background:#e8fcff;border-radius:10px;padding:5px;height:60px;width:105px}.play-head{gap:18px}.play-head>.btn{margin-left:auto}.timer{border-color:#7ce4ef}.bar{background:#1b5f7c}.bar span{background:#7ce4ef}.score{color:#7ce4ef}.player,.drag-item{background:#145978}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:970px;margin:26px auto}.price-card{border:1px solid #b7d6e5;border-radius:18px;background:#fff;padding:30px;position:relative;overflow:hidden}.price-card.featured{border:2px solid #058caf;background:linear-gradient(160deg,#fff,#e5f8ff)}.price{font-size:42px;font-weight:800;letter-spacing:-1.8px;margin:22px 0 4px;color:#064a69}.price small{font-size:16px;letter-spacing:0}.price-card ul{padding-left:20px;color:#4c6c80;line-height:2.2;font-size:14px}.price-card .btn{width:100%;margin-top:15px}.price-note{background:#eff8fd;padding:15px 18px;border-radius:10px;margin-top:16px;font-size:13px;color:#4c7385}.saving{position:absolute;right:0;top:0;background:#047ea4;color:white;padding:8px 16px;font-size:12px;border-bottom-left-radius:13px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quota-value{font-size:44px;font-weight:800;color:#007f9f;margin:18px 0}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #bbdbe8;border-radius:12px;padding:18px 22px}.stat-card strong{display:block;color:#075773;font-size:25px;margin:8px 0}.stat-card span{font-size:12px;color:#5c7b8e}.section-head .filter{flex-wrap:wrap}.status-banner{border-left:3px solid #1696ba;background:#e1f4fb;border-radius:5px;padding:13px 17px;color:#2e657d;font-size:13px;line-height:1.7;margin:16px 0 24px}.site-footer{padding:22px 4vw;border-top:1px solid #bcd9e6;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#e4f3f9;font-size:12px;color:#4f7587}.site-footer a{text-decoration:none}.auth-form .field{margin-top:18px}.auth-tabs{display:flex;background:#eaf4f9;border-radius:9px;padding:5px;gap:5px;margin:20px 0}.auth-tabs button{flex:1;border-radius:6px;background:transparent;padding:10px;color:#43728a}.auth-tabs .active{background:#fff;color:#067a9d;box-shadow:0 2px 5px #174d6810}.auth-error{color:#ad314c!important;background:#fff0f1;border-radius:7px;padding:10px;display:none}.modal p{font-size:14px}.modal .field{line-height:1.7}.small-link{background:transparent;color:#087fa4;padding:10px;font-size:13px}.recovery-code{font:14px monospace;word-break:break-all;background:#edf7fc;padding:18px;border:1px dashed #9bbfce;border-radius:8px;margin:18px 0;user-select:all}.builder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.count-grid label{background:#eef8fc;border:1px solid #bbd9e5;padding:15px;border-radius:10px;font-size:13px;color:#276379}.count-grid input{width:100%;background:#fff;border:1px solid #aacddb;border-radius:6px;padding:10px;margin-top:10px;color:#125173}.builder-steps{display:grid;gap:20px;margin-top:25px}.builder-step{display:flex;align-items:flex-start;gap:15px}.step-no{border:1px solid #8fc8dc;background:#dff5fd;color:#077d9d;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:15px;font-size:13px}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid #dcebf1;white-space:nowrap}th{color:#39738a;background:#f1f9fc}.editor-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px;flex-wrap:wrap}.account-name{font-size:14px;color:#0b506d}.modal button[type=submit]{width:100%}.inline-error{color:#b52c43}.legal-copy{line-height:1.9}.legal-copy h3{margin-top:22px}.legal-copy p{margin-top:10px}.no-scroll{overflow:hidden}@media(max-width:800px){.site-header{padding:15px 18px;gap:10px}.topskills-lockup{gap:10px}.topskills-logo{width:88px;height:55px}.site-header .brand{font-size:20px}.site-header .brand .mark{width:30px;height:36px;font-size:23px}.account-buttons{display:none}.site-nav{padding:7px 12px;overflow-x:auto}.site-nav button{padding:10px 12px;font-size:12px}.nav-meta{display:none}.main{padding:24px 16px}.price-grid,.builder-grid,.account-grid{grid-template-columns:1fr}.price-card{padding:24px}.stat-strip{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:21px}.count-grid{gap:8px}.count-grid label{padding:10px;font-size:12px}.title-row{flex-wrap:wrap}.full-screen .topskills-logo{width:76px;height:50px}.play-head{flex-wrap:wrap}.play-head .brand{font-size:18px}.play-head>.btn{order:3;font-size:12px}.site-footer{font-size:12px}.options{grid-template-columns:1fr}}