/* Konkur Planner — Luxury Black & Champagne Gold Design System v10 */
:root{
  --bg-0:#070708;
  --bg-1:#0b0c0e;
  --bg-2:#101114;
  --surface:#121419;
  --surface-2:#17191f;
  --surface-3:#1c1f26;
  --surface-soft:rgba(21,23,28,.78);
  --line:#2a2d35;
  --line-soft:rgba(255,255,255,.07);
  --gold:#d8b85c;
  --gold-2:#f1d98c;
  --gold-3:#aa8530;
  --gold-soft:rgba(216,184,92,.11);
  --gold-line:rgba(216,184,92,.30);
  --text:#f6f4ee;
  --text-2:#d3d0c8;
  --muted:#8f939d;
  --muted-2:#686d78;
  --success:#55c98a;
  --warning:#e5b95d;
  --danger:#e76f6f;
  --info:#78a7d8;
  --shadow:0 24px 70px rgba(0,0,0,.32);
  --shadow-soft:0 12px 32px rgba(0,0,0,.22);
  --radius:18px;
  --radius-sm:12px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

html{scroll-behavior:smooth;color-scheme:dark;background:var(--bg-0)}
*{box-sizing:border-box}
body{
  color:var(--text)!important;
  background:
    radial-gradient(900px 520px at 88% -8%, rgba(216,184,92,.095), transparent 62%),
    radial-gradient(760px 480px at 0% 38%, rgba(112,92,42,.055), transparent 68%),
    linear-gradient(180deg,#090a0c 0%,#070708 52%,#090a0c 100%)!important;
  min-height:100vh;
  accent-color:var(--gold);
}
::selection{background:rgba(216,184,92,.28);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#0a0b0d}
::-webkit-scrollbar-thumb{background:#2a2c31;border:2px solid #0a0b0d;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:#4a422d}
a{color:inherit}
button,input,select,textarea{font:inherit}
button,a,.tab-btn,.admin-nav-btn{ -webkit-tap-highlight-color:transparent }

/* Global premium surfaces */
.app-container,.teacher-page,.guide-page,.public-profile{position:relative}
.app-container{
  width:min(1220px,calc(100% - 34px))!important;
  max-width:1220px!important;
  margin:22px auto 52px!important;
  padding:24px!important;
  background:linear-gradient(180deg,rgba(18,20,25,.93),rgba(11,12,15,.95))!important;
  border:1px solid var(--line-soft)!important;
  border-radius:26px!important;
  box-shadow:var(--shadow)!important;
  overflow:hidden;
}
.app-container:before{
  content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,rgba(241,217,140,.45),transparent);pointer-events:none
}

/* Wordmark */
.logo-area{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}
.logo-area h2{display:flex;align-items:center;gap:10px;color:var(--text)!important;font-size:1.1rem!important;letter-spacing:-.02em}
.brand-mark,.kp-brand-mark{
  width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 38px;
  border-radius:12px;background:linear-gradient(145deg,#f3dc93,#b78c31 70%,#75591f);
  color:#0b0b0c!important;font-weight:950;font-size:.82rem;letter-spacing:.02em;
  border:1px solid rgba(255,245,203,.45);box-shadow:inset 0 1px rgba(255,255,255,.42),0 9px 24px rgba(145,107,33,.18)
}
.subtitle{width:100%;padding-right:50px;margin-top:-16px;color:var(--muted)!important;font-size:.73rem!important}

/* Headers */
.app-header,.teacher-header,.guide-header,.admin-header{
  background:rgba(11,12,15,.76)!important;
  border:1px solid var(--line-soft)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.app-header{border-bottom:1px solid var(--line-soft)!important;margin-bottom:14px!important}
.header-actions,.guide-actions,.admin-actions,.teacher-header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.header-actions .btn,.header-actions a,.teacher-header .btn,.guide-actions .btn{white-space:nowrap}

/* Buttons */
.btn,.btn-action,.copy-btn,.admin-nav-btn,.message-category-btn,.btn-submit,.top-nav-btn{
  border-radius:11px!important;transition:transform .18s var(--ease),border-color .18s,background .18s,box-shadow .18s,color .18s!important;
}
.btn:hover,.btn-action:hover,.copy-btn:hover,.admin-nav-btn:hover,.message-category-btn:hover,.btn-submit:hover,.top-nav-btn:hover{transform:translateY(-1px)}
.btn-gold,.btn-gold-sm,.btn-action,.copy-btn,.btn-submit{
  border:1px solid rgba(255,239,181,.28)!important;
  background:linear-gradient(135deg,#efd785 0%,#d0aa4b 52%,#a77b25 100%)!important;
  color:#11100c!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 8px 20px rgba(172,128,40,.12)!important;
  font-weight:850!important;
}
.btn-gold:hover,.btn-gold-sm:hover,.btn-action:hover,.copy-btn:hover,.btn-submit:hover{box-shadow:inset 0 1px rgba(255,255,255,.5),0 10px 28px rgba(172,128,40,.22)!important}
.btn-secondary,.btn-secondary-sm,.admin-actions button,.btn-outline{
  background:#15171c!important;color:var(--text-2)!important;border:1px solid #2a2d34!important;box-shadow:none!important
}
.btn-secondary:hover,.btn-secondary-sm:hover,.admin-actions button:hover{border-color:var(--gold-line)!important;color:var(--gold-2)!important;background:#181a1f!important}
.btn-danger,.btn-danger-sm,.btn-danger-all{background:rgba(148,45,45,.16)!important;color:#ffaaa6!important;border:1px solid rgba(231,111,111,.32)!important}
.message-icon-btn{background:#15171c!important;color:var(--gold-2)!important;border:1px solid #2a2d34!important;border-radius:11px!important}

/* Tabs / navigation */
.nav-tabs{
  gap:5px!important;padding:5px!important;margin:0 0 18px!important;
  background:#0e0f12!important;border:1px solid var(--line-soft)!important;border-radius:14px!important;
  overflow:auto;scrollbar-width:none
}
.nav-tabs::-webkit-scrollbar{display:none}
.tab-btn{min-height:40px;border-radius:10px!important;color:#9297a2!important;padding:8px 14px!important;white-space:nowrap}
.tab-btn:hover{background:#15171b!important;color:var(--text)!important}
.tab-btn.active{background:linear-gradient(180deg,#20221f,#191a18)!important;color:var(--gold-2)!important;border:1px solid var(--gold-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.nav-tabs-secondary{margin-top:-10px!important;background:rgba(11,12,14,.78)!important}

/* Headlines */
h1,h2,h3,h4{letter-spacing:-.025em}
.section-title h3,.section-header h2,.planner-card h4,.teacher-box h3,.guide-section h2{color:var(--text)!important}
.planner-kicker,.smart-kicker,.guide-kicker{color:var(--gold-2)!important;letter-spacing:.04em}
.badge,.user-status-badge,.license-type-badge{
  background:var(--gold-soft)!important;color:var(--gold-2)!important;border:1px solid var(--gold-line)!important
}
.sub-header-banner{
  background:linear-gradient(90deg,rgba(216,184,92,.09),rgba(255,255,255,.02),rgba(216,184,92,.06))!important;
  color:#d5cfbf!important;border:1px solid var(--gold-line)!important;border-radius:12px!important
}

/* Cards */
.task-input-card,.report-card,.communication-card,.feedback-card,.chart-card,.planner-card,.study-tool-panel,
.profile-card,.info-box-gold,.target-box,.student-code-box,.xp-card,.teacher-box,.attach-card,.coupon-wallet-card,
.teacher-smart-card,.students-launch-section,.student-panel,.guide-hero,.guide-section,.guide-card,.overview-item,.faq,
.public-card,.modal-card,.selection-panel,.admin-security-card,.broadcast-box,.create-user-box,.sale-editor,.sales-admin-card,
.reward-rate-settings,.reward-rate-card,.server-health-panel,.trial-dashboard,.stat-card,.table-container,.license-generator{
  background:linear-gradient(155deg,rgba(23,25,31,.96),rgba(14,15,19,.98))!important;
  border:1px solid var(--line-soft)!important;
  box-shadow:var(--shadow-soft)!important;
}
.task-input-card,.planner-card,.chart-card,.communication-card,.feedback-card,.study-tool-panel,.teacher-box,.attach-card,.coupon-wallet-card,.teacher-smart-card,.students-launch-section,.guide-section,.guide-hero,.profile-card{border-radius:18px!important}
.task-input-card h3,.create-user-box h3,.sale-editor-head h3{color:var(--gold-2)!important}

/* Form controls */
input,select,textarea,.form-control,.search,
.input-group input[type="text"],.form-group input,.form-group select,.form-group textarea,
.create-user-grid input,.create-user-grid select,.license-generator select,.license-generator input,
.broadcast-box input,.broadcast-box textarea,.broadcast-box select,.sale-editor input,.sale-editor select,.sale-editor textarea{
  background:#0d0f12!important;color:var(--text)!important;border:1px solid #292c33!important;border-radius:11px!important;
  outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;transition:border-color .18s,box-shadow .18s,background .18s!important
}
input::placeholder,textarea::placeholder{color:#616671!important}
input:focus,select:focus,textarea:focus,.form-control:focus{
  border-color:rgba(216,184,92,.58)!important;background:#101216!important;box-shadow:0 0 0 3px rgba(216,184,92,.075)!important
}
select option{background:#111318;color:#f5f2e9}
.form-group label,.sale-editor-grid label,.broadcast-targets label span{color:#c8c5bc!important}
.hint-text,.role-help,.tool-note,.analytics-note,.section-subtitle{color:var(--muted)!important}

/* Task list / data rows */
.task-item,.planner-list>*,.wallet-transactions>*,.counselor-coupons-list>*,.moderation-list>*{
  background:#111318!important;border-color:#262930!important
}
.task-item:hover{border-color:rgba(216,184,92,.22)!important}

/* Planner */
.planner-hero{
  background:linear-gradient(120deg,rgba(216,184,92,.09),rgba(19,21,26,.85) 42%,rgba(14,15,18,.95))!important;
  border:1px solid var(--gold-line)!important;border-radius:18px!important;padding:20px!important
}
.smart-reminder-strip{background:#101217!important;border-color:#272a32!important}
.calendar-day,.planner-calendar>*{border-color:#272a31!important;background:#101217!important}
.calendar-day.today,.planner-calendar .today{border-color:var(--gold-line)!important;box-shadow:inset 0 0 0 1px rgba(216,184,92,.08)!important}
.weekly-report-grid>*,.mastery-card,.review-item,.planner-summary-card{background:#101217!important;border-color:#272a31!important}

/* Progress charts */
.chart-card{position:relative;overflow:hidden}
.chart-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(216,184,92,.38),transparent)}
.chart-totals{color:var(--text-2)!important}

/* Profile */
.avatar-wrapper{border:1px solid var(--gold-line)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}
.profile-avatar-section{background:radial-gradient(circle at 50% 10%,rgba(216,184,92,.10),transparent 45%)!important}
.profile-username-header{color:var(--text)!important}
.xp-track{background:#0b0d10!important;border:1px solid #24272d!important}
.xp-fill{background:linear-gradient(90deg,#9f7727,#d9b95e,#f2dc94)!important;box-shadow:0 0 16px rgba(216,184,92,.15)}
.info-box-gold{border-color:var(--gold-line)!important;background:linear-gradient(135deg,rgba(216,184,92,.085),rgba(16,18,22,.96))!important}
.student-code-box code{color:var(--gold-2)!important}

/* Teacher */
.teacher-page{width:min(1240px,94%)!important;margin:22px auto 60px!important}
.teacher-header{position:sticky!important;top:12px!important;z-index:20!important}
.teacher-header h1{font-size:1.2rem!important;margin:0;color:var(--text)!important}
.teacher-header p{color:var(--muted)!important}
.wallet-chip{background:linear-gradient(135deg,#201d13,#111318)!important;border:1px solid var(--gold-line)!important;color:var(--gold-2)!important}
.referral-stats>*,.teacher-smart-stats>*,.overview-grid>*{background:#101217!important;border-color:#272a31!important}
.attention-table-wrap{border:1px solid var(--line-soft)!important;border-radius:14px!important;overflow:auto!important;background:#0f1013!important}
.attention-table th{background:#111318!important;color:var(--gold-2)!important}
.attention-table td{border-color:#252831!important}
.student-selector-dialog,.archive-selector-dialog,.archive-detail-dialog{background:#101216!important;border:1px solid var(--line)!important;box-shadow:0 30px 90px rgba(0,0,0,.5)!important}
.student-status-card,.archive-tab{background:#13151a!important;border-color:#2a2d34!important;color:var(--text-2)!important}
.student-status-card.active,.archive-tab.active{border-color:var(--gold-line)!important;background:#191a18!important;color:var(--gold-2)!important}
.student-card{background:#121419!important;border-color:#292c33!important}
.student-card:hover{border-color:var(--gold-line)!important;transform:translateY(-2px)}
.daily-review-notice,.archive-daily-notice{background:rgba(216,184,92,.055)!important;border-color:rgba(216,184,92,.18)!important;color:#cfc8b6!important}

/* Admin */
.admin-header{position:sticky!important;top:10px!important;width:min(1400px,96%)!important;margin:10px auto 0!important;padding:13px 16px!important}
.admin-brand .brand-icon,.login-box .brand-icon{
  background:linear-gradient(145deg,#f1da91,#b8892e)!important;color:#0c0c0d!important;border:1px solid rgba(255,246,207,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.45),0 10px 26px rgba(142,105,32,.18)!important
}
.admin-brand h1{font-size:1.1rem!important;color:var(--text)!important}
.admin-brand p{color:var(--muted)!important}
.admin-nav{
  width:min(1400px,96%)!important;margin:8px auto 0!important;padding:5px!important;
  background:#0d0f12!important;border:1px solid var(--line-soft)!important;border-radius:14px!important
}
.admin-nav-btn{border:1px solid transparent!important;background:transparent!important;color:#8f949e!important;padding:9px 12px!important}
.admin-nav-btn.active{background:#181a1e!important;border:1px solid var(--gold-line)!important;color:var(--gold-2)!important}
.admin-content{width:min(1400px,94%)!important;margin:24px auto 60px!important}
.admin-panel>h2,.panel-heading h2,.panel-heading h3{color:var(--text)!important}
.panel-heading p{color:var(--muted)!important}
.stats-grid{gap:12px!important}
.stat-card{position:relative;overflow:hidden;padding:18px!important;border-radius:15px!important}
.stat-card:before{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:linear-gradient(transparent,rgba(216,184,92,.4),transparent)}
.stat-card span{color:var(--muted)!important}
.stat-card strong{color:var(--gold-2)!important;font-size:1.65rem!important}
.table-container{border-radius:16px!important;box-shadow:none!important}
.admin-table{background:transparent!important}
.admin-table th{background:#0f1114!important;color:#d9bd70!important;border-bottom:1px solid #2a2d34!important;position:sticky;top:0;z-index:1}
.admin-table td{border-color:#252830!important;color:#d0cdc5!important;background:#13151a!important}
.admin-table tbody tr:hover td{background:#17191e!important}
.admin-table code{color:var(--gold-2)!important}
.selection-bar{background:#101217!important;border-color:var(--gold-line)!important;color:var(--gold-2)!important}
.sales-price-preview>div{background:linear-gradient(135deg,#e8cf7f,#b98e35)!important;color:#0f0e0b!important}
.sales-price-preview>div:nth-child(2){background:linear-gradient(135deg,#f2df9b,#c69d42)!important}
.sales-price-preview>b{background:#111318!important;color:var(--gold-2)!important;border-color:var(--gold-line)!important}
.sales-card-icon{background:var(--gold-soft)!important;border-color:var(--gold-line)!important}
.license-pill.vip,.expiry-badge{background:var(--gold-soft)!important;color:var(--gold-2)!important;border:1px solid var(--gold-line)!important}
.reward-rate-card{box-shadow:none!important}
.warning-note,.error-tools-note{background:#111318!important;border-color:#2a2d34!important;color:#b9b6ae!important}

/* Admin login */
.admin-login{min-height:100vh!important;padding:24px!important}
.login-box{
  width:min(430px,100%)!important;padding:38px 34px!important;border-radius:22px!important;
  background:linear-gradient(155deg,rgba(23,25,30,.98),rgba(10,11,14,.99))!important;border:1px solid var(--line-soft)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.42)!important
}
.login-box h2{color:var(--text)!important;font-size:1.55rem!important}
.login-box p{color:var(--muted)!important}
.login-box input{height:48px!important}

/* Auth */
body:has(.auth-card){
  background:
    radial-gradient(700px 420px at 72% 4%,rgba(216,184,92,.12),transparent 62%),
    radial-gradient(520px 360px at 15% 92%,rgba(94,76,35,.08),transparent 70%),
    #08090b!important;
}
.auth-card{
  position:relative;overflow:hidden;max-width:450px!important;padding:38px 34px!important;border-radius:24px!important;
  background:linear-gradient(155deg,rgba(24,26,32,.97),rgba(11,12,15,.99))!important;border:1px solid var(--line-soft)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.43)!important;text-align:right!important
}
.auth-card:before{content:"KP";display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin:0 0 20px auto;background:linear-gradient(145deg,#f2dc95,#b8892d);color:#0b0b0c;font-weight:950;font-size:.9rem;box-shadow:inset 0 1px rgba(255,255,255,.45),0 10px 26px rgba(142,105,32,.16)}
.auth-card:after{content:"";position:absolute;left:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(216,184,92,.055);filter:blur(3px);pointer-events:none}
.auth-card h2{color:var(--text)!important;font-size:1.6rem!important;margin-bottom:8px!important}
.auth-card>p{color:var(--muted)!important;line-height:1.8!important}
.auth-card form{position:relative;z-index:1}
.auth-card .form-control{height:49px!important;background:#0c0e11!important}
.auth-card select.form-control{background:#0c0e11!important}
.top-nav-btn{top:22px!important;left:22px!important;background:rgba(14,15,18,.78)!important;border:1px solid #2a2d34!important;color:#c7c3ba!important;backdrop-filter:blur(12px)}
.top-nav-btn:hover{border-color:var(--gold-line)!important;color:var(--gold-2)!important;background:#14161a!important}
.recovery-link-btn{color:#bdb8ad!important}
.recovery-link-btn:hover{color:var(--gold-2)!important}
.recovery-modal-card{background:#111318!important;border-color:#2b2e35!important;box-shadow:0 32px 90px rgba(0,0,0,.55)!important}
.recovery-modal-card h3,.recovery-modal-card a{color:var(--gold-2)!important}
.username-hint button{background:#121419!important;border-color:#2a2d34!important}

/* Subscription / VIP cards */
.plan-card,.subscription-card,.sale-card,.pricing-card{
  background:linear-gradient(155deg,#17191e,#0e0f12)!important;border-color:#292c33!important;box-shadow:var(--shadow-soft)!important
}
.plan-card.vip,.subscription-card.vip,[data-type="vip"]{border-color:var(--gold-line)!important;box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(216,184,92,.04)!important}

/* Guide */
.guide-page{width:min(1200px,94%)!important;margin:22px auto 60px!important}
.guide-header{position:sticky!important;top:10px!important;z-index:20!important}
.guide-hero{background:radial-gradient(circle at 85% 12%,rgba(216,184,92,.10),transparent 38%),linear-gradient(155deg,#17191f,#0d0f12)!important}
.guide-badge{background:var(--gold-soft)!important;border-color:var(--gold-line)!important;color:var(--gold-2)!important}
.guide-card:hover{border-color:var(--gold-line)!important;box-shadow:0 20px 50px rgba(0,0,0,.30)!important}
.guide-card .tip{background:#111318!important;color:var(--gold-2)!important;border:1px solid rgba(216,184,92,.12)!important}
.overview-item b{color:var(--gold-2)!important}

/* Community & modal */
.modal-overlay,.recovery-modal{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-card{border-radius:20px!important}
.close-modal-btn,.modal-close{background:#15171c!important;border:1px solid #2a2d34!important;color:#a8abb4!important;border-radius:10px!important}

/* Status semantics: functional colors stay semantic */
.status.active,.health-pill.good{background:rgba(85,201,138,.10)!important;color:#7fdda6!important;border:1px solid rgba(85,201,138,.22)!important}
.status.blocked,.health-pill.danger{background:rgba(231,111,111,.10)!important;color:#f49a95!important;border:1px solid rgba(231,111,111,.22)!important}
.health-pill.warning{background:rgba(229,185,93,.10)!important;color:#e8c77f!important;border:1px solid rgba(229,185,93,.22)!important}

/* Micro interaction */
@media (hover:hover){
  .planner-card,.chart-card,.teacher-box,.guide-card,.stat-card,.sales-admin-card,.profile-card{transition:transform .22s var(--ease),border-color .22s,box-shadow .22s}
  .planner-card:hover,.chart-card:hover,.teacher-box:hover,.stat-card:hover,.sales-admin-card:hover{transform:translateY(-2px);border-color:rgba(216,184,92,.17)!important}
}

/* Responsive */
@media(max-width:900px){
  .app-container{width:min(100% - 18px,1220px)!important;margin:9px auto 28px!important;padding:14px!important;border-radius:19px!important}
  .app-header,.teacher-header,.guide-header,.admin-header{position:static!important;flex-direction:column!important;align-items:stretch!important}
  .header-actions,.guide-actions,.teacher-header>div:last-child{justify-content:flex-start}
  .subtitle{padding-right:49px}
  .admin-content{width:94%!important}
  .admin-nav{width:94%!important}
}
@media(max-width:600px){
  body{font-size:14px}
  .app-container{width:100%!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:11px!important}
  .app-header{padding:12px!important}
  .logo-area h2{font-size:1rem!important}
  .brand-mark,.kp-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .subtitle{padding-right:44px;font-size:.68rem!important}
  .header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .header-actions .btn,.header-actions a,.header-actions button{justify-content:center;text-align:center}
  .nav-tabs{margin-inline:-2px!important}
  .tab-btn{padding:8px 12px!important;font-size:.82rem!important}
  .auth-card{padding:30px 20px!important;border-radius:20px!important}
  .top-nav-btn{top:12px!important;left:12px!important;padding:8px 11px!important;font-size:.78rem!important}
  .teacher-page,.guide-page{width:96%!important;margin-top:8px!important}
  .admin-header,.admin-nav{width:96%!important}
  .admin-content{width:94%!important;margin-top:16px!important}
  .panel-heading{gap:10px!important}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Subscription page refinements */
.sub-card{
  width:min(1180px,calc(100% - 28px))!important;max-width:none!important;margin:26px auto 50px!important;
  padding:26px!important;border-radius:26px!important;text-align:right!important;
  background:linear-gradient(155deg,rgba(22,24,29,.97),rgba(9,10,12,.99))!important;
  border:1px solid var(--line-soft)!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important
}
.sub-head{padding:10px 10px 4px!important;text-align:center!important}
.sub-head:before{content:"KP";width:46px;height:46px;margin:0 auto 14px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f3dc93,#b6892f);color:#0c0c0d;font-weight:950;font-size:.85rem;box-shadow:inset 0 1px rgba(255,255,255,.45),0 10px 28px rgba(142,105,32,.16)}
.sub-head h2{color:var(--text)!important;font-size:1.7rem!important}
.sub-head p{color:var(--muted)!important;max-width:720px;margin-inline:auto!important}
.purchase-tools,.gift-choice,.license-box{background:#101216!important;border:1px solid #292c33!important;border-radius:16px!important;box-shadow:none!important}
.purchase-tools label,.gift-title,.license-box strong{color:#d8c27e!important}
.wallet-use{background:rgba(216,184,92,.055)!important;border-color:rgba(216,184,92,.18)!important}
.wallet-use strong{color:var(--gold-2)!important}
.plan-card{border-radius:19px!important;padding:19px!important}
.plan-card:after{background:linear-gradient(110deg,transparent 35%,rgba(241,217,140,.055),transparent 65%)!important}
.plan-icon{background:var(--gold-soft)!important;border:1px solid var(--gold-line)!important}
.plan-title{color:var(--text)!important;font-size:1.05rem!important}
.plan-desc,.price-label,.plan-note{color:var(--muted)!important}
.price-box{border:1px solid rgba(255,255,255,.08)!important}
.price-box.old{background:linear-gradient(135deg,#2a2c31,#1a1c21)!important;color:#beb9ae!important}
.price-box.new{background:linear-gradient(135deg,#f1db91,#c79c40)!important;color:#10100d!important;box-shadow:inset 0 1px rgba(255,255,255,.35)}
.old-price{text-decoration-color:#a95f5f!important}
.discount{background:#171812!important;border:1px solid var(--gold-line)!important;color:var(--gold-2)!important;border-radius:9px!important}
.buy-btn{border:1px solid rgba(255,239,181,.28)!important;background:linear-gradient(135deg,#efd785,#cfaa4a 52%,#a77b25)!important;color:#11100c!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 8px 20px rgba(172,128,40,.12)!important}
.coupon-breakdown,.purchase-tools small{color:#82d6a8!important}
@media(max-width:620px){.sub-card{width:100%!important;margin:0!important;border-radius:0!important;padding:16px!important}.sub-head{padding-top:58px!important}.plans{grid-template-columns:1fr!important}}

/* Archive */
.archive-header-nav{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.archive-header-nav h1{font-size:1.12rem;margin:0;color:var(--text)!important}

/* Polished focus & accessibility */
:focus-visible{outline:2px solid rgba(241,217,140,.72)!important;outline-offset:2px!important}
button:disabled,.btn:disabled{opacity:.52!important;cursor:not-allowed!important;transform:none!important}
.auth-brandline{display:flex;flex-direction:column;gap:3px;margin:-65px 58px 24px 0;min-height:45px;justify-content:center}
.auth-brandline strong{font-size:.92rem;color:var(--text)!important;font-weight:900}
.auth-brandline small{font-size:.68rem;color:var(--muted)!important;line-height:1.6}
.teacher-header h1{display:flex;align-items:center;gap:10px}
.guide-kicker{display:flex;align-items:center;gap:9px}
.guide-kicker .kp-brand-mark{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:.68rem}
@media(max-width:600px){.auth-brandline{margin-right:58px;margin-bottom:22px}.teacher-header h1{font-size:1.05rem!important}}