.nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#faf8f3eb;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:32px;max-width:1160px;margin:0 auto;padding:18px 24px;display:flex}.nav__brand{color:var(--ink);font-family:var(--font-display);flex-shrink:0;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav__brand svg{color:var(--teal)}.nav__chip{color:var(--teal);background:#0e7c6614;border:1px solid #0e7c6626;border-radius:999px;margin-left:4px;padding:3px 8px;font-size:11px;font-weight:700}.nav__links{flex:1;justify-content:center;align-items:center;gap:40px;display:flex}.nav__links a{color:var(--muted);font-size:16px;font-weight:500;transition:all .2s}.nav__links a:hover{color:var(--teal)}.nav__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav__login{color:var(--muted);font-weight:600;transition:all .2s}.nav__login:hover{color:var(--ink)}.nav__signup{background:var(--teal);color:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}.nav__signup:hover{background:var(--teal-deep);transform:translateY(-1px)}@media (width<=900px){.nav__links{gap:24px}.nav__links a{font-size:15px}}@media (width<=768px){.nav__inner{flex-wrap:wrap;justify-content:center;gap:18px}.nav__links{order:3;justify-content:center;gap:20px;width:100%}.nav__right{order:2}}@media (width<=480px){.nav__links{flex-wrap:wrap}.nav__links a{font-size:14px}.nav__signup{padding:9px 14px}}.nav__logo{object-fit:contain;width:auto;height:46px;display:block}@media (width<=768px){.nav__logo{height:36px}}.footer{border-top:1px solid var(--line);background:var(--bg-panel);margin-top:80px}.footer__container{max-width:1160px;margin:0 auto;padding:48px 24px 28px}.footer__top{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.footer__brand{max-width:420px}.footer__logo{font-family:var(--font-display);color:var(--ink);margin-bottom:12px;font-size:20px;font-weight:700}.footer__description{color:var(--muted);font-size:15px;line-height:1.7}.footer__links{gap:60px;display:flex}.footer__column{flex-direction:column;gap:12px;display:flex}.footer__heading{color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:700}.footer__column a{color:var(--muted);font-size:14px;transition:all .2s}.footer__column a:hover{color:var(--teal)}.footer__bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:20px;font-size:13px;display:flex}.footer__bottom span:last-child{text-align:right}@media (width<=900px){.footer__top{flex-direction:column;gap:36px}.footer__links{gap:40px}}@media (width<=640px){.footer__container{padding:40px 20px 24px}.footer__links{flex-direction:column;gap:28px}.footer__bottom{text-align:center;flex-direction:column}.footer__bottom span:last-child{text-align:center}}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1160px;margin:0 auto;padding:80px 24px;display:grid}.eyebrow{letter-spacing:1.5px;color:var(--teal);margin-bottom:18px;font-size:12px;font-weight:700;display:inline-block}.headline{font-family:var(--font-display);color:var(--ink);margin:0 0 24px;font-size:clamp(42px,6vw,72px);line-height:1.05}.accent{color:var(--teal)}.sub{max-width:640px;color:var(--muted);margin-bottom:32px;font-size:18px;line-height:1.8}.hero__ctas{flex-wrap:wrap;gap:14px;display:flex}.hero__ctas--center{justify-content:center}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-weight:700;display:flex}.btn-primary:hover{background:var(--teal-deep)}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;padding:14px 22px;font-weight:600;display:flex}.hero__stats{flex-wrap:wrap;gap:32px;margin-top:36px;display:flex}.hero__stat .num{color:var(--ink);font-size:28px;font-weight:800}.hero__stat .lbl{color:var(--muted);font-size:14px}.scoreboard{position:relative}.scoreboard__bezel{background:var(--code-bg);border:1px solid var(--code-line);z-index:2;border-radius:18px;position:relative;overflow:hidden}.scoreboard__head{border-bottom:1px solid var(--code-line);align-items:center;gap:8px;padding:14px 18px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot--red{background:#ff5f57}.dot--amber{background:#ffbd2e}.dot--green{background:#28c840}.scoreboard__label{color:#9ab4a8;margin-left:10px;font-size:13px}.scoreboard__code{min-height:180px;color:var(--code-green);font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:24px;font-size:14px}.caret{animation:1s infinite blink}.caret--off{opacity:0}@keyframes blink{50%{opacity:0}}.scoreboard__divider{background:var(--code-line);height:1px}.scoreboard__result{padding:16px 20px 24px}.scoreboard__row{color:#9ab4a8;opacity:0;grid-template-columns:1fr auto;padding:8px 0;display:grid}.scoreboard__row.is-live{opacity:1}.scoreboard__row--head{opacity:1;color:#fff;font-weight:700}.tabular{font-variant-numeric:tabular-nums}.section{padding:80px 0}.section__head{max-width:760px;margin-bottom:40px}.section__eyebrow{color:var(--teal);letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.section__title{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:42px}.section__desc{color:var(--muted);line-height:1.8}.leagues-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.league-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;transition:all .2s}.code{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.name{color:var(--ink);margin-top:14px;font-weight:700}.rows{color:var(--muted);margin-top:8px;font-size:13px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.tag{color:var(--teal);margin-bottom:12px;font-size:12px;font-weight:700}.step h3{color:var(--ink);margin:0 0 12px}.step p{color:var(--muted);line-height:1.7}.curriculum{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.check-list{margin:0;padding:0;list-style:none}.check-list li{color:var(--text);align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.icon-wrap{width:22px;height:22px;color:var(--teal);background:#0e7c661a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cta{text-align:center;border:1px solid var(--line);background:#fff;border-radius:24px;max-width:900px;margin:80px auto;padding:56px 32px}.cta h2{color:var(--ink);font-family:var(--font-display);margin:0 0 16px}.cta p{max-width:650px;color:var(--muted);margin:0 auto 24px;line-height:1.6}@media (width<=1024px){.hero,.steps,.curriculum{grid-template-columns:1fr}.leagues-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.headline{font-size:42px}.leagues-grid{grid-template-columns:1fr}.hero{padding:50px 20px}.section{padding:50px 0}}.about-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:90px 0 50px}.about-title{max-width:880px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.about-sub{max-width:780px;color:var(--muted);font-size:18px;line-height:1.8}.about-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.about-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px;padding:30px}.about-card svg{color:var(--teal);margin-bottom:18px}.about-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 12px;font-size:21px}.about-card p{color:var(--muted);font-size:15px;line-height:1.7}.about-split{background:var(--bg-panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}.split-wrap{grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;display:grid}.mission-box{background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-line);border-radius:18px;padding:34px}.mission-box h3{font-family:var(--font-display);color:var(--code-green);margin:0 0 14px;font-size:24px}.mission-box p{color:var(--code-text);line-height:1.8}.about-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.about-list-item{background:var(--bg-panel);border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:flex-start;gap:12px;padding:18px;line-height:1.6;display:flex}.about-list-item svg{color:var(--teal);flex-shrink:0;margin-top:3px}@media (width<=900px){.about-grid,.split-wrap,.about-list{grid-template-columns:1fr}.about-hero{padding:60px 0 35px}}.rules-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:90px 0 50px}.rules-title{max-width:920px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.rules-sub{max-width:780px;color:var(--muted);font-size:18px;line-height:1.8}.rules-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.rule-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:28px}.rule-card svg{color:var(--teal);margin-bottom:18px}.rule-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 12px;font-size:22px}.rule-card p{color:var(--muted);margin:0;line-height:1.7}.rules-band{background:var(--bg-panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}.rank-table{flex-direction:column;gap:0;margin-top:30px;display:flex}.rank-row{background:var(--bg-panel);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:260px 140px 160px 1fr;align-items:center;padding:20px 24px;display:grid}.rank-row:last-child{border-radius:0 0 16px 16px}.rank-name h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:20px}.rank-name p{color:var(--muted);margin:4px 0 0;font-size:14px}.rank-row p{color:var(--muted);margin:0;font-size:14px}.rank-xp{color:var(--teal);font-size:22px;font-weight:800}.rules-two-column{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.rank-promotion{color:var(--ink);font-weight:700}.hint-box{background:var(--code-bg);border:1px solid var(--code-line);border-radius:18px;padding:26px}.hint-row{border-bottom:1px solid var(--code-line);color:var(--code-text);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.hint-row:last-child{border-bottom:none}.hint-row strong{color:var(--code-green)}.rule-card--light{background:var(--bg-panel)}.rules-warning{background:#e8a23d1a;border:1px solid #e8a23d40;border-radius:18px;gap:16px;margin-bottom:34px;padding:24px;display:flex}.rules-warning svg{color:var(--amber);flex-shrink:0}.rank-details{color:var(--text);line-height:1.6}.rules-warning h3{font-family:var(--font-display);color:var(--ink);margin:0 0 8px}.rules-warning p{color:var(--text);margin:0;line-height:1.7}.rules-list{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:30px}.rules-list h2{font-family:var(--font-display);color:var(--ink);margin:0 0 18px}.rules-list ul{margin:0;padding-left:22px}.rules-list li{color:var(--text);margin-bottom:12px;line-height:1.7}@media (width<=900px){.rules-grid,.rules-two-column,.rank-row{grid-template-columns:1fr}.rules-hero{padding:60px 0 35px}}.rank-header-row{background:var(--teal);color:#fff;border-radius:16px 16px 0 0;grid-template-columns:260px 140px 160px 1fr;padding:18px 24px;font-weight:700;display:grid}.books-hero{background:radial-gradient(circle at top right, #e8a23d1f, transparent 35%), var(--bg);padding:90px 0 50px}.books-title{max-width:900px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.books-sub{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.books-note{color:var(--text);background:#e8a23d14;border:1px solid #e8a23d2e;border-radius:14px;align-items:center;gap:12px;margin-bottom:42px;padding:16px 18px;display:flex}.books-note svg{color:var(--amber);flex-shrink:0}.book-sections{flex-direction:column;gap:60px;display:flex}.book-rank-section{flex-direction:column;gap:24px;display:flex}.book-rank-head{align-items:center;gap:16px;display:flex}.book-rank-icon{width:54px;height:54px;color:var(--teal);background:#0e7c6614;border:1px solid #0e7c661f;border-radius:14px;justify-content:center;align-items:center;display:flex}.book-rank-head h2{font-family:var(--font-display);color:var(--ink);margin:0 0 6px;font-size:28px}.book-rank-head p{color:var(--muted);margin:0}.books-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.book-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:20px;grid-template-columns:110px 1fr;gap:20px;padding:22px;transition:all .25s;display:grid}.book-card:hover{border-color:#0e7c6640;transform:translateY(-3px);box-shadow:0 18px 40px #10231e14}.book-cover{color:#fff;min-height:160px;font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(145deg,#0e7c66f2,#0a5b4cf2),radial-gradient(circle at 100% 0,#e8a23d80,#0000 45%);border-radius:14px;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.book-info{flex-direction:column;display:flex}.book-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.book-category{color:var(--teal);background:#0e7c6614;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.book-level{color:var(--muted);font-size:12px;font-weight:700}.book-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 6px;font-size:22px;line-height:1.2}.book-author{color:var(--muted);margin-bottom:12px;font-size:13px}.book-card p{color:var(--muted);margin:0 0 16px;font-size:14.5px;line-height:1.65}.book-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.book-meta span{background:var(--bg-panel-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:600}.book-link{color:var(--teal);align-items:center;gap:8px;margin-top:auto;font-weight:700;transition:all .2s;display:inline-flex}.book-link:hover{color:var(--teal-deep)}@media (width<=1000px){.books-grid{grid-template-columns:1fr}}@media (width<=640px){.books-hero{padding:60px 0 35px}.book-card{grid-template-columns:1fr}.book-cover{min-height:120px}.book-rank-head{align-items:flex-start}.book-rank-icon{width:46px;height:46px}.book-rank-head h2{font-size:24px}.books-note{align-items:flex-start}}.policy-hero{background:radial-gradient(circle at top right, #0e7c6614, transparent 35%), var(--bg);padding:90px 0 40px}.policy-title{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.05}.policy-sub{color:var(--muted);font-size:16px}.policy-section{padding:20px 0 80px}.policy-content{max-width:900px}.policy-content h2{font-family:var(--font-display);color:var(--ink);margin-top:40px;margin-bottom:14px;font-size:24px}.policy-content p{color:var(--text);margin-bottom:14px;line-height:1.8}.policy-content ul{margin-bottom:20px;padding-left:22px}.policy-content li{color:var(--text);margin-bottom:10px;line-height:1.7}@media (width<=768px){.policy-hero{padding:60px 0 30px}.policy-content h2{font-size:22px}}.terms-hero{background:radial-gradient(circle at top right, #e8a23d1a, transparent 35%), var(--bg);padding:90px 0 40px}.terms-title{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.05}.terms-sub{color:var(--muted);font-size:16px}.terms-section{padding:20px 0 80px}.terms-content{max-width:900px}.terms-content h2{font-family:var(--font-display);color:var(--ink);margin-top:40px;margin-bottom:14px;font-size:24px}.terms-content p{color:var(--text);margin-bottom:14px;line-height:1.8}@media (width<=768px){.terms-hero{padding:60px 0 30px}.terms-content h2{font-size:22px}}.suggestions-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:90px 0 50px}.suggestions-title{max-width:850px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.suggestions-sub{max-width:740px;color:var(--muted);font-size:18px;line-height:1.8}.suggestions-section{padding:40px 0 80px}.suggestions-wrap{grid-template-columns:.85fr 1.15fr;align-items:start;gap:34px;display:grid}.suggestions-info{gap:18px;display:grid}.info-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:26px}.info-card svg{color:var(--teal);margin-bottom:16px}.info-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 10px;font-size:22px}.info-card p{color:var(--muted);margin:0;line-height:1.7}.suggestions-form{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px;gap:20px;padding:30px;display:grid}.suggestions-form label{color:var(--ink);gap:9px;font-weight:700;display:grid}.suggestions-form input,.suggestions-form select,.suggestions-form textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:13px 14px}.suggestions-form textarea{resize:vertical;min-height:150px}.suggestions-form input:focus,.suggestions-form select:focus,.suggestions-form textarea:focus{border-color:#0e7c6673;box-shadow:0 0 0 4px #0e7c6614}.suggestions-submit{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:9px;width:fit-content;margin-top:6px;padding:13px 22px;font-weight:800;display:inline-flex}.suggestions-submit:hover{background:var(--teal-deep)}@media (width<=900px){.suggestions-wrap{grid-template-columns:1fr}.suggestions-hero{padding:60px 0 35px}}.auth-page{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);justify-content:center;align-items:flex-start;min-height:calc(100vh - 240px);padding:70px 24px;display:flex}.auth-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:24px;width:100%;max-width:480px;padding:36px;box-shadow:0 20px 60px #10231e14}.auth-header{text-align:center;margin-bottom:26px}.auth-header h1{font-family:var(--font-display);color:var(--ink);margin:8px 0 12px;font-size:34px;line-height:1.15}.auth-header p{color:var(--muted);margin:0;line-height:1.7}.google-btn,.auth-submit{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-weight:800;display:flex}.google-btn{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.google-btn:hover{border-color:#0e7c6659}.auth-divider{color:var(--muted);align-items:center;gap:14px;margin:24px 0;font-size:13px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{gap:18px;display:grid}.auth-form label{color:var(--ink);gap:8px;font-weight:700;display:grid}.auth-input{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.auth-input svg{color:var(--muted)}.auth-input input{width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;padding:14px 0}.auth-input:focus-within{border-color:#0e7c6673;box-shadow:0 0 0 4px #0e7c6614}.auth-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.remember-row{align-items:center;color:var(--muted)!important;grid-template-columns:none!important;gap:8px!important;font-weight:600!important;display:flex!important}.auth-row a,.auth-switch a{color:var(--teal);font-weight:800}.auth-submit{background:var(--teal);color:#fff;margin-top:4px}.auth-submit:hover{background:var(--teal-deep)}.auth-switch{text-align:center;color:var(--muted);margin:24px 0 0}@media (width<=560px){.auth-card{padding:28px 22px}.auth-header h1{font-size:28px}.auth-row{flex-direction:column;align-items:flex-start}}.google-login-wrapper{justify-content:center;width:100%;margin-bottom:24px;display:flex}#googleLoginBtn{justify-content:center;display:flex}.register-page{background:radial-gradient(circle at top right, #e8a23d1f, transparent 35%), var(--bg);justify-content:center;align-items:flex-start;min-height:calc(100vh - 240px);padding:70px 24px;display:flex}.register-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:24px;width:100%;max-width:520px;padding:36px;box-shadow:0 20px 60px #10231e14}.register-header{text-align:center;margin-bottom:26px}.register-header h1{font-family:var(--font-display);color:var(--ink);margin:8px 0 12px;font-size:34px;line-height:1.15}.register-header p{color:var(--muted);margin:0;line-height:1.7}.register-google-btn,.register-submit{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-weight:800;display:flex}.register-google-btn{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.register-google-btn:hover{border-color:#0e7c6659}.register-divider{color:var(--muted);align-items:center;gap:14px;margin:24px 0;font-size:13px;font-weight:600;display:flex}.register-divider:before,.register-divider:after{content:"";background:var(--line);flex:1;height:1px}.register-form{gap:18px;display:grid}.register-form label{color:var(--ink);gap:8px;font-weight:700;display:grid}.register-input{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.register-input svg{color:var(--muted)}.register-input input{width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;padding:14px 0}.register-input:focus-within{border-color:#0e7c6673;box-shadow:0 0 0 4px #0e7c6614}.terms-row{align-items:flex-start;font-size:14px;line-height:1.6;color:var(--muted)!important;grid-template-columns:none!important;gap:10px!important;font-weight:600!important;display:flex!important}.terms-row input{margin-top:4px}.terms-row a,.register-switch a{color:var(--teal);font-weight:800}.register-submit{background:var(--teal);color:#fff;margin-top:4px}.register-submit:hover{background:var(--teal-deep)}.register-switch{text-align:center;color:var(--muted);margin:24px 0 0}@media (width<=560px){.register-card{padding:28px 22px}.register-header h1{font-size:28px}}.dashboard-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:80px 0 45px}.dashboard-hero__inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.dashboard-title{max-width:760px;font-family:var(--font-display);color:var(--ink);margin:0 0 18px;font-size:clamp(38px,5vw,60px);line-height:1.05}.dashboard-sub{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.dashboard-primary-btn{background:var(--teal);color:#fff;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;padding:14px 22px;font-weight:800;display:inline-flex}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-card,.dashboard-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px}.dashboard-card{padding:24px}.dashboard-card svg{color:var(--teal);margin-bottom:16px}.dashboard-card span{color:var(--muted);font-size:14px;font-weight:700}.dashboard-card h3{font-family:var(--font-display);color:var(--ink);margin:8px 0 0;font-size:24px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.dashboard-panel{padding:28px}.dashboard-panel h2{font-family:var(--font-display);color:var(--ink);margin:0 0 20px}.rank-progress__top{color:var(--text);justify-content:space-between;margin-bottom:12px;font-weight:700;display:flex}.progress-bar{background:var(--bg-panel-2);border-radius:999px;height:14px;overflow:hidden}.progress-fill{background:var(--teal);height:100%}.rank-progress p{color:var(--muted);margin-top:12px}.quick-actions{gap:12px;display:grid}.quick-actions a{border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:10px;padding:14px;font-weight:700;display:flex}.quick-actions a:hover{color:var(--teal);border-color:#0e7c664d}.recent-panel{margin-top:28px}.activity-list{gap:12px;display:grid}.activity-item{background:var(--bg);border:1px solid var(--line);border-radius:14px;justify-content:space-between;gap:20px;padding:14px;display:flex}.activity-item span{color:var(--text)}.activity-item strong{color:var(--teal)}@media (width<=900px){.dashboard-hero__inner,.dashboard-grid{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.dashboard-stats{grid-template-columns:1fr}}.panel-title-row{justify-content:space-between;align-items:center;display:flex}.rank-panel{overflow:hidden}.rank-progress__top,.rank-progress__bottom{justify-content:space-between;gap:16px;display:flex}.rank-progress__top span,.rank-progress__top strong{color:var(--ink);font-weight:900}.progress-bar{background:#e8efe9;border-radius:999px;width:100%;height:16px;margin:18px 0 12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#047857,#0f766e);border-radius:999px;height:100%}.rank-progress__bottom p{color:var(--muted);margin:0;font-weight:700}.skeleton-box{background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.2s infinite skeleton-loading}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;gap:14px;min-height:150px;padding:24px;display:grid}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=900px){.skeleton-grid{grid-template-columns:1fr}}.database-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:90px 0 50px}.database-title{max-width:920px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.database-sub{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.database-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}.database-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px;flex-direction:column;min-height:100%;padding:30px;transition:all .25s;display:flex}.database-card--active:hover{border-color:#0e7c6659;transform:translateY(-4px);box-shadow:0 20px 50px #10231e14}.database-card--locked{opacity:.72}.database-card__top{justify-content:space-between;align-items:center;display:flex}.database-icon{width:54px;height:54px;color:var(--teal);background:#0e7c6614;border-radius:16px;justify-content:center;align-items:center;display:flex}.database-status{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.database-status--active{color:var(--teal);background:#0e7c661a}.database-status--locked{background:var(--bg-panel-2);color:var(--muted)}.database-short{color:var(--amber);font-family:var(--font-mono);letter-spacing:1px;margin-top:28px;font-size:13px;font-weight:900}.database-card h2{font-family:var(--font-display);color:var(--ink);margin:10px 0 14px;font-size:27px;line-height:1.15}.database-card p{color:var(--muted);margin-bottom:22px;line-height:1.7}.database-meta{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.database-meta span{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.database-action{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:13px;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding:13px 18px;font-weight:800;display:inline-flex}.database-action:hover{background:var(--teal-deep)}.database-action--disabled{background:var(--bg-panel-2);color:var(--muted);cursor:not-allowed}.database-action--disabled:hover{background:var(--bg-panel-2)}@media (width<=1024px){.database-grid{grid-template-columns:1fr}.database-hero{padding:60px 0 35px}}.play-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:70px 0 36px}.play-hero__inner{justify-content:space-between;align-items:center;gap:28px;display:flex}.play-title{max-width:760px;font-family:var(--font-display);color:var(--ink);margin:0 0 18px;font-size:clamp(36px,5vw,58px);line-height:1.05}.play-sub{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.play-badge{background:var(--bg-panel);border:1px solid var(--line);color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-weight:800;display:inline-flex}.play-section{padding:36px 0 80px}.database-explorer{background:#fff;border:1px solid #dfe7dd;border-radius:24px;margin-bottom:28px;padding:22px;box-shadow:0 16px 40px #0f172a0f}.database-explorer__head h2{color:#10251f;margin:0;font-size:26px}.database-explorer__head p{color:#64748b;margin:6px 0 0}.db-table-list h3{color:#10251f;margin:0 0 12px}.db-table-btn{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:11px 12px;font-weight:800}.db-table-btn:hover,.db-table-btn--active{color:#fff;background:#047857}.db-preview-title{justify-content:space-between;margin-bottom:16px;display:flex}.db-preview-title h3{color:#10251f;margin:0;font-size:22px}.db-preview-title p{color:#64748b;margin:4px 0 0}.preview-title{color:#10251f;margin:18px 0 12px}.sample-loading{color:#64748b;background:#f8faf7;border-radius:14px;padding:18px;font-weight:700}.sample-table-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #dfe7dd;border-radius:16px;width:100%;max-width:100%;max-height:420px;overflow:auto}.sample-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%;font-size:13px}.sample-table th{z-index:5;color:#10251f;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #dfe7dd;padding:12px 14px;position:sticky;top:0}.challenge-area{gap:22px;min-width:0;display:grid}.question-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px}.question-panel--wide{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:28px;padding:26px;display:grid}.question-meta{justify-content:space-between;gap:14px;margin-bottom:20px;display:flex}.question-meta span{color:var(--teal);background:#0e7c6614;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.question-meta strong{color:var(--amber)}.question-content{margin-top:4px}.question-label{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.question-title{color:var(--ink);font-family:var(--font-display);margin:0 0 24px;font-size:clamp(22px,2.2vw,30px);line-height:1.25}.question-text{color:var(--text);margin:0;font-size:18px;line-height:1.75}.question-support{flex-direction:column;display:flex}.hint-boxes{gap:12px;display:grid}.answer-status{color:var(--text);overflow-wrap:anywhere;background:#e8a23d1a;border:1px solid #e8a23d38;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;line-height:1.6;display:flex}.answer-status svg{color:var(--amber);flex:none;margin-top:2px}.answer-status--stacked{display:block}.answer-status--stacked strong{color:var(--ink);margin-bottom:8px;display:block}.answer-status--stacked p,.answer-status--stacked pre{margin:0}.answer-status--stacked pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-family:var(--font-mono);overflow-x:auto}.report-question-btn,.reset-btn{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:inline-flex}.report-question-btn{width:100%;margin-top:14px}.report-question-btn:hover,.reset-btn:hover{color:var(--teal);border-color:#0e7c6659}.challenge-area{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"question editor""submit preview""actions actions""note note";align-items:stretch;gap:22px;min-width:0;display:grid}.question-panel--wide{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px;flex-direction:column;grid-area:question;gap:22px;min-width:0;min-height:430px;padding:26px;display:flex;box-shadow:0 10px 28px #0f172a0b}.question-main,.question-support{min-width:0}.question-support{margin-top:auto}.question-meta{margin-bottom:24px}.question-title{font-size:clamp(25px,2.4vw,34px)}.question-text{font-size:17px}.report-question-btn{align-self:flex-start;width:auto}.workspace-panel{border:1px solid var(--line);background:#fff;border-radius:22px;min-width:0;min-height:430px;padding:22px;overflow:hidden;box-shadow:0 10px 28px #0f172a0b}.workspace-panel--editor{flex-direction:column;grid-area:editor;display:flex}.workspace-panel--submit{grid-area:submit;min-height:360px}.workspace-panel--preview{grid-area:preview;min-height:360px}.workspace-panel__head{justify-content:space-between;align-items:flex-start;gap:14px;min-height:54px;margin-bottom:16px;display:flex}.workspace-panel__head h2{color:var(--ink);font-family:var(--font-display);margin:3px 0 0;font-size:22px}.workspace-kicker{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:900}.row-count-badge{color:var(--teal);background:#0e7c6617;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.sql-editor{resize:vertical;box-sizing:border-box;background:var(--code-bg);border:1px solid var(--code-line);width:100%;min-height:310px;color:var(--code-green);font-family:var(--font-mono);border-radius:16px;outline:none;flex:auto;padding:20px;font-size:14px;line-height:1.7}.workspace-empty{text-align:center;color:#64748b;background:#fafcfb;border:1px dashed #d7e1da;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:24px;display:flex}.workspace-empty svg{color:var(--teal)}.workspace-empty h3{color:var(--ink);margin:2px 0 0;font-size:17px}.workspace-empty p{max-width:330px;margin:0;line-height:1.6}.query-error-box{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;margin-top:14px;padding:14px 16px}.query-result-viewer{min-width:0;max-width:100%;overflow:hidden}.query-result-viewer--workspace{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.workspace-panel--preview .sample-table-wrap{max-height:330px;overflow:auto}.submit-summary{gap:14px;display:grid}.submit-summary__status{border-radius:14px;padding:14px}.submit-summary--correct .submit-summary__status{background:#ecfdf5;border:1px solid #a7f3d0}.submit-summary--wrong .submit-summary__status{background:#fff1f2;border:1px solid #fecdd3}.submit-summary__status h3{color:var(--ink);margin:0 0 6px;font-size:18px}.submit-summary__status span{color:var(--text)}.submit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.submit-metrics>div{background:#fafcfb;border:1px solid #e5ece6;border-radius:12px;padding:12px}.submit-metrics>div:first-child{grid-column:1/-1}.submit-metrics span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.submit-metrics strong{color:var(--ink);overflow-wrap:anywhere;font-size:14px;line-height:1.5;display:block}.challenge-action-bar{grid-area:actions;justify-content:space-between;align-items:center;gap:14px;padding-top:2px;display:flex}.challenge-action-bar__left{flex-wrap:wrap;gap:12px;display:flex}.run-btn,.submit-btn,.next-question-btn{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.run-btn{background:var(--bg-panel-2);color:var(--ink)}.submit-btn,.next-question-btn{background:var(--teal);color:#fff}.submit-btn:hover,.next-question-btn:hover{background:var(--teal-deep)}.run-btn:disabled,.submit-btn:disabled,.next-question-btn:disabled{opacity:.55;cursor:not-allowed}.practice-note{color:var(--muted);grid-area:note;align-items:center;gap:9px;font-size:14px;display:flex}.practice-note svg{color:var(--amber)}@media (width<=850px){.play-hero__inner{flex-direction:column;align-items:flex-start}.database-explorer__body{grid-template-columns:1fr}.db-table-list{max-height:240px}.question-panel--wide,.workspace-panel{min-height:auto}.question-support{margin-top:0}.challenge-action-bar{flex-direction:column;align-items:stretch}.challenge-action-bar__left{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (width<=520px){.challenge-area{grid-template-columns:1fr;grid-template-areas:"question""editor""submit""preview""actions""note"}.play-hero{padding-top:48px}.play-section{padding-top:24px}.database-explorer,.question-panel--wide,.workspace-panel{border-radius:18px;padding:16px}.challenge-action-bar__left{grid-template-columns:1fr}.run-btn,.submit-btn,.next-question-btn{width:100%}.submit-metrics{grid-template-columns:1fr}.submit-metrics>div:first-child{grid-column:auto}}@media (width<=620px){.play-hero{padding-top:48px}.play-section{padding-top:24px}.database-explorer,.question-panel--wide,.workspace-panel{border-radius:18px;padding:16px}.challenge-action-bar__left{grid-template-columns:1fr}.run-btn,.submit-btn,.next-question-btn{width:100%}.submit-metrics{grid-template-columns:1fr}.submit-metrics>div:first-child{grid-column:auto}}.report-modal-overlay{z-index:9999;background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal{background:#fff;border-radius:22px;width:min(520px,100%);padding:28px;box-shadow:0 24px 70px #0f172a59}.report-modal h2{color:#0f172a;margin:0 0 8px;font-size:26px}.report-modal p{color:#64748b;margin:0 0 20px;line-height:1.6}.report-modal label{color:#0f172a;margin-bottom:16px;font-weight:700;display:block}.report-modal input,.report-modal textarea{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:14px;outline:none;margin-top:8px;padding:13px 14px}.report-modal textarea{resize:vertical;min-height:130px}.report-modal input:focus,.report-modal textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0e7c6614}.report-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.report-modal-actions button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:800}.report-modal-actions button:first-child{color:#0f172a;background:#e2e8f0}.report-modal-actions button:last-child{background:var(--teal);color:#fff}.report-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.pq-question-card{grid-area:question!important;min-width:0!important}.pq-editor-card{grid-area:editor!important;min-width:0!important}.pq-submit-result-card{grid-area:submit!important;min-width:0!important}.pq-query-result-card{grid-area:result!important;min-width:0!important}.pq-workbench-grid>*{width:auto!important;min-width:0!important;max-width:100%!important}.pq-sql-editor,.pq-editor-card textarea{box-sizing:border-box!important;width:100%!important}.pq-query-result-card{overflow:hidden!important}.pq-query-result-card .sample-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}.playq-grid-force{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-auto-flow:row!important;align-items:stretch!important;gap:22px!important;width:100%!important;min-width:0!important;display:grid!important}.playq-grid-force>.playq-grid-question,.playq-grid-force>.playq-grid-editor,.playq-grid-force>.playq-grid-submit,.playq-grid-force>.playq-grid-preview{grid-area:auto!important;width:auto!important;min-width:0!important;max-width:100%!important}.playq-grid-force>.challenge-action-bar,.playq-grid-force>.practice-note{grid-area:auto!important}.profile-hero{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);padding:80px 0 45px}.profile-hero__inner{align-items:center;gap:24px;display:flex}.profile-avatar{background:var(--bg-panel);border:1px solid var(--line);width:92px;height:92px;color:var(--teal);border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-title{max-width:760px;font-family:var(--font-display);color:var(--ink);margin:0 0 14px;font-size:clamp(38px,5vw,60px);line-height:1.05}.profile-sub{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.profile-stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.profile-card,.profile-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px}.profile-card{padding:24px}.profile-card svg{color:var(--teal);margin-bottom:16px}.profile-card span{color:var(--muted);font-size:14px;font-weight:700}.profile-card h3{font-family:var(--font-display);color:var(--ink);margin:8px 0 0;font-size:24px}.profile-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.profile-panel{padding:28px}.profile-panel h2{font-family:var(--font-display);color:var(--ink);margin:0 0 20px}.summary-list{gap:12px;display:grid}.summary-list div{background:var(--bg);border:1px solid var(--line);border-radius:14px;justify-content:space-between;gap:16px;padding:14px;display:flex}.summary-list span{color:var(--muted)}.summary-list strong{color:var(--ink)}.profile-rank-top{color:var(--text);justify-content:space-between;margin-bottom:12px;font-weight:700;display:flex}.profile-progress-bar{background:var(--bg-panel-2);border-radius:999px;height:14px;overflow:hidden}.profile-progress-fill{background:var(--teal);height:100%}.profile-rank-box p{color:var(--muted);margin-top:12px}.profile-achievements{margin-top:28px}.achievement-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.achievement-item{background:var(--bg);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:18px;display:flex}.achievement-item svg{color:var(--teal);flex-shrink:0}.achievement-item strong{color:var(--ink);margin-bottom:4px;display:block}.achievement-item span{color:var(--muted);font-size:14px;line-height:1.6}.achievement-item--locked{opacity:.65}@media (width<=900px){.profile-stats,.profile-grid,.achievement-grid{grid-template-columns:1fr}.profile-hero__inner{flex-direction:column;align-items:flex-start}}.forgot-page{background:radial-gradient(circle at top right, #0e7c661a, transparent 35%), var(--bg);justify-content:center;align-items:flex-start;min-height:calc(100vh - 240px);padding:80px 24px;display:flex}.forgot-card{background:var(--bg-panel);border:1px solid var(--line);text-align:center;border-radius:24px;width:100%;max-width:480px;padding:38px;box-shadow:0 20px 60px #10231e14}.forgot-icon{width:64px;height:64px;color:var(--teal);background:#0e7c6614;border-radius:18px;justify-content:center;align-items:center;margin:0 auto 22px;display:flex}.forgot-header h1{font-family:var(--font-display);color:var(--ink);margin:8px 0 12px;font-size:34px;line-height:1.15}.forgot-header p{color:var(--muted);margin:0;line-height:1.7}.forgot-form{text-align:left;gap:18px;margin-top:28px;display:grid}.forgot-form label{color:var(--ink);gap:8px;font-weight:700;display:grid}.forgot-input{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.forgot-input svg{color:var(--muted)}.forgot-input input{width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;padding:14px 0}.forgot-input:focus-within{border-color:#0e7c6673;box-shadow:0 0 0 4px #0e7c6614}.forgot-submit{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px 18px;font-weight:800}.forgot-submit:hover{background:var(--teal-deep)}.forgot-back{color:var(--teal);align-items:center;gap:8px;margin-top:24px;font-weight:800;display:inline-flex}@media (width<=560px){.forgot-card{padding:28px 22px}.forgot-header h1{font-size:28px}}.certificates-hero{background:radial-gradient(circle at top right, #e8a23d1f, transparent 35%), var(--bg);padding:90px 0 50px}.certificates-title{max-width:900px;font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:0 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.05}.certificates-sub{max-width:820px;color:var(--muted);font-size:18px;line-height:1.8}.certificate-summary{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px;display:grid}.certificate-summary-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:24px}.certificate-summary-card svg{color:var(--teal);margin-bottom:16px}.certificate-summary-card span{color:var(--muted);font-size:14px;font-weight:700}.certificate-summary-card h3{font-family:var(--font-display);color:var(--ink);margin:8px 0 0;font-size:24px}.certificate-note{background:#0e7c6614;border:1px solid #0e7c662e;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:34px;padding:18px;display:flex}.certificate-note svg{color:var(--teal);flex-shrink:0}.certificate-note p{color:var(--text);margin:0;line-height:1.7}.certificates-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.certificate-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px;flex-direction:column;padding:28px;transition:all .25s;display:flex}.certificate-card--unlocked{border-color:#e8a23d59}.certificate-card--issued{border-color:#0e7c6659}.certificate-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10231e14}.certificate-card__top{justify-content:space-between;align-items:center;display:flex}.certificate-icon{width:56px;height:56px;color:var(--amber);background:#e8a23d1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.certificate-card--issued .certificate-icon{color:var(--teal);background:#0e7c661a}.certificate-status{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.certificate-status--issued{color:var(--teal);background:#0e7c661a}.certificate-status--unlocked{color:var(--amber);background:#e8a23d1f}.certificate-status--locked{background:var(--bg-panel-2);color:var(--muted)}.certificate-card h2{font-family:var(--font-display);color:var(--ink);margin:26px 0 14px;font-size:24px;line-height:1.2}.certificate-card p{color:var(--muted);margin-bottom:18px;line-height:1.7}.certificate-rank{background:var(--primary);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-weight:800;line-height:1.2;width:fit-content!important;max-width:220px!important;margin:0 0 22px!important;padding:8px 16px!important;font-size:13px!important;display:inline-flex!important}.certificate-rank strong{color:inherit;font-size:inherit}.certificate-actions{gap:10px;margin-top:auto;display:grid}.certificate-action,.certificate-share{cursor:pointer;border:none;border-radius:13px;align-items:center;gap:9px;width:fit-content;padding:13px 18px;font-weight:800;display:inline-flex}.certificate-action{background:var(--teal);color:#fff;margin-top:auto}.certificate-action:hover{background:var(--teal-deep)}.certificate-share{background:var(--bg-panel-2);color:var(--ink)}.certificate-share:hover{color:var(--teal)}.certificate-action--locked{background:var(--bg-panel-2);color:var(--muted);cursor:not-allowed}.certificate-action--locked:hover{background:var(--bg-panel-2)}@media (width<=1000px){.certificate-summary,.certificates-grid{grid-template-columns:1fr}.certificates-hero{padding:60px 0 35px}}.error-page{background:radial-gradient(circle at 100% 0,#10b9811f,#0000 30%),#f8faf7;justify-content:center;align-items:center;min-height:72vh;padding:80px 20px;display:flex}.error-card{text-align:center;background:#fff;border:1px solid #dfe7dd;border-radius:28px;width:min(760px,100%);padding:48px;box-shadow:0 24px 70px #0f172a14}.error-card svg{color:#047857;margin-bottom:20px}.error-card--danger svg{color:#dc2626}.error-card h1{color:#10251f;margin:14px 0 18px;font-size:clamp(36px,6vw,64px);line-height:1}.error-card p{color:#64748b;margin:20px auto 28px;font-size:18px;line-height:1.7}.error-card pre{text-align:left;color:#86efac;background:#07130f;border:1px solid #86efac40;border-radius:18px;padding:22px;font-size:15px;line-height:1.7;overflow-x:auto}.error-btn{color:#fff;cursor:pointer;background:#047857;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-weight:800;text-decoration:none;display:inline-flex}.error-btn:hover{background:#065f46}.notifications-page{background:#f8faf7;min-height:70vh;padding:70px 20px}.notifications-head{justify-content:space-between;gap:20px;margin-bottom:28px;display:flex}.notifications-head h1{margin:8px 0;font-size:42px}.notifications-head p{color:#64748b}.notifications-head button,.notification-card button{color:#fff;cursor:pointer;background:#047857;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.notifications-list{gap:16px;display:grid}.notification-card{background:#fff;border:1px solid #dfe7dd;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;display:grid}.notification-card.unread{border-color:#047857;box-shadow:0 14px 40px #0478571f}.notification-card strong{color:#10251f;font-size:18px;display:block}.notification-card p{color:#64748b;margin:7px 0}.notification-card span{text-transform:uppercase;color:#047857;font-size:12px;font-weight:900}.notification-empty{text-align:center;background:#fff;border-radius:18px;padding:28px}.certificate-page{background:radial-gradient(circle at 100% 0,#04785724,#0000 35%),linear-gradient(135deg,#fcfbf7,#f4f8f3);min-height:85vh;padding:70px 20px}.certificate-shell{max-width:1180px;margin:0 auto}.certificate-card{background:#fff;border-radius:30px;padding:22px;position:relative;box-shadow:0 30px 90px #0f172a1f}.certificate-border{border:5px double #0f766e;border-radius:24px;padding:18px}.certificate-inner{text-align:center;background:linear-gradient(90deg,#0f766e0d,#0000 18% 82%,#0f766e0d),#fffefa;border:1px solid #d6e4dd;border-radius:18px;min-height:680px;padding:56px 70px 42px;position:relative}.certificate-verified{z-index:5;color:#047857;text-transform:uppercase;letter-spacing:.04em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:900;display:inline-flex;position:absolute;top:36px;right:42px}.certificate-topline{color:#047857;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;font-weight:900}.certificate-inner h1{text-transform:uppercase;letter-spacing:.06em;color:#10251f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,68px)}.certificate-divider{color:#0f766e;letter-spacing:1em;margin:20px 0 34px}.certificate-small,.certificate-text{color:#334155;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:24px}.certificate-name{color:#0f3d37;margin:8px 0 26px;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(52px,7vw,92px);line-height:1.05}.certificate-rank{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#0f766e;border-radius:999px;margin:8px 0 24px;padding:14px 34px;font-size:24px;font-weight:900;display:inline-block}.certificate-description{color:#334155;max-width:760px;margin:0 auto;font-size:22px;line-height:1.6}.certificate-bottom{grid-template-columns:1fr 180px 1fr;align-items:end;gap:24px;margin-top:64px;display:grid}.certificate-bottom-block{text-align:left;border-top:2px solid #10251f;padding-top:14px}.certificate-bottom-block.right{text-align:right}.certificate-bottom-block span{color:#64748b;margin-bottom:6px;font-weight:800;display:block}.certificate-bottom-block strong{color:#10251f;word-break:break-word;font-size:16px}.certificate-seal{width:150px;height:150px;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:visible}.certificate-seal span{text-transform:uppercase;letter-spacing:.05em;font-weight:1000}.certificate-seal small{text-transform:uppercase;font-weight:900}.certificate-valid{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:10px;margin-top:34px;padding:12px 20px;font-weight:900;display:inline-flex}.certificate-loading,.certificate-error{text-align:center;background:#fff;border:1px solid #dfe7dd;border-radius:24px;max-width:760px;margin:0 auto;padding:60px}@media (width<=850px){.certificate-inner{padding:42px 24px}.certificate-bottom{grid-template-columns:1fr;margin-top:40px}.certificate-bottom-block,.certificate-bottom-block.right{text-align:center}.certificate-seal{order:-1}}.certificate-download-actions{justify-content:center;margin-top:24px;display:flex}.certificate-download-actions button{color:#fff;cursor:pointer;background:#047857;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 14px 35px #04785738}.certificate-download-actions button:hover{transform:translateY(-1px)}.certificate{position:relative;overflow:hidden}.certificate-watermark{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.certificate-content{z-index:2;position:relative}.certificate-seal img{object-fit:contain;width:150px;height:150px;display:block}.dataset-mode-page{background:#f8faf7;min-height:75vh;padding:80px 20px}.dataset-mode-head{text-align:center;max-width:780px;margin:0 auto 42px}.dataset-mode-head h1{color:#10251f;margin:12px 0;font-size:clamp(38px,5vw,64px)}.dataset-mode-head p{color:#64748b;font-size:19px}.dataset-mode-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.mode-card{cursor:pointer;background:#fff;border:1px solid #dfe7dd;border-radius:28px;padding:34px;transition:all .2s;position:relative;box-shadow:0 20px 60px #0f172a12}.mode-card:hover{border-color:#0f766e;transform:translateY(-4px)}.mode-icon{color:#047857;background:#ecfdf5;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:24px;display:grid}.mode-card h2{color:#10251f;margin:0 0 14px;font-size:30px}.mode-card p{color:#64748b;margin-bottom:28px;font-size:17px;line-height:1.7}.mode-card button{color:#fff;cursor:pointer;background:#047857;border:0;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-weight:900;display:inline-flex}.mode-pro-badge{color:#9a6a00;background:#fff7dd;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:900;display:inline-flex;position:absolute;top:24px;right:24px}@media (width<=800px){.dataset-mode-grid{grid-template-columns:1fr}}.playground-strip{background:radial-gradient(circle at top right, #0e7c661a, transparent 34%), var(--bg);border-bottom:1px solid var(--line);padding:46px 0 38px}.playground-strip__inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.playground-strip__title{max-width:760px;font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:8px 0 12px;font-size:clamp(38px,5vw,58px);line-height:1.05}.playground-strip__sub{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.7}.playground-chip{background:var(--bg-panel);border:1px solid var(--line);color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:800;display:inline-flex}.playground-section{padding:34px 0 80px}.playground-database-explorer,.database-explorer{background:var(--bg-panel);border:1px solid var(--line);border-radius:24px;margin-bottom:28px;padding:24px;box-shadow:0 16px 40px #0f172a0e}.database-explorer__head{margin-bottom:20px}.database-explorer__head h2,.db-preview-title h3,.preview-title,.playground-editor-card h2,.playground-result-card h2{font-family:var(--font-display);color:var(--ink)}.database-explorer__head h2{margin:0;font-size:27px}.database-explorer__head p{color:var(--muted);margin:7px 0 0;line-height:1.6}.database-explorer__body{grid-template-columns:220px minmax(0,1fr);gap:22px;display:grid}.db-table-list{background:var(--bg);border:1px solid var(--line);border-radius:17px;max-height:560px;padding:14px;overflow-y:auto}.db-table-list h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:3px 8px 12px;font-size:12px;font-weight:800}.db-table-btn{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;margin-bottom:3px;padding:11px 12px;font-size:14px;font-weight:700}.db-table-btn:hover{color:var(--teal);background:#0e7c6614}.db-table-btn--active,.db-table-btn--active:hover{background:var(--teal);color:#fff}.db-preview-panel{min-width:0;max-width:100%;overflow:hidden}.db-preview-title{margin-bottom:14px}.db-preview-title h3{margin:0;font-size:23px}.db-preview-title p{color:var(--muted);font-family:var(--font-mono);margin:4px 0 0;font-size:12px}.preview-title{margin:18px 0 12px;font-size:17px}.sample-loading{background:var(--bg);color:var(--muted);border-radius:14px;padding:18px;font-weight:700}.column-meta-wrap{border:1px solid var(--line);background:#fbfcfb;border-radius:13px;max-height:170px;overflow:auto}.column-meta-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.column-meta-table td{color:var(--muted);border-bottom:1px solid #edf2ef;padding:8px 12px}.column-meta-table td:first-child{color:var(--ink);font-weight:700}.sample-table-wrap{border:1px solid var(--line);border-radius:15px;width:100%;max-width:100%;max-height:430px;overflow:auto}.sample-table{border-collapse:collapse;width:max-content;min-width:100%;font-family:var(--font-mono);font-size:12px}.sample-table th{z-index:5;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;white-space:nowrap;background:#f1f5f2;padding:12px 14px;position:sticky;top:0}.sample-table td{color:#334155;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #edf2ef;max-width:280px;padding:11px 14px;overflow:hidden}.sample-table tbody tr:nth-child(2n){background:#fafcfb}.sample-table tbody tr:hover{background:#0e7c660e}.playground-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.playground-editor-card,.playground-result-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:22px;min-width:0;padding:24px;box-shadow:0 10px 28px #0f172a0b}.editor-top,.playground-result-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.editor-top h2,.playground-result-head h2{margin:3px 0 0;font-size:23px}.workspace-label{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.reset-btn{background:var(--bg);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex}.reset-btn:hover{color:var(--teal);border-color:#0e7c6659}.sql-editor{resize:vertical;box-sizing:border-box;background:var(--code-bg);border:1px solid var(--code-line);width:100%;height:410px;min-height:410px;color:var(--code-green);font-family:var(--font-mono);border-radius:18px;outline:none;padding:22px;font-size:15px;line-height:1.75}.sql-editor::placeholder{color:#3f9a78;opacity:.85}.sql-editor:focus{box-shadow:0 0 0 4px #0e7c6614}.playground-actions{gap:12px;margin-top:14px;display:flex}.run-btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:14px;font-weight:800;display:inline-flex}.run-btn:hover{background:var(--teal-deep)}.run-btn:disabled{opacity:.55;cursor:not-allowed}.result-row-count{color:var(--teal);background:#0e7c6614;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:800}.playground-result-scroll{max-height:410px}.query-result-viewer{min-width:0}.query-error-box{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:13px;padding:16px}.query-error-box strong{margin-bottom:6px;display:block}.query-error-box p{overflow-wrap:anywhere;margin:0;line-height:1.55}.playground-empty-result{border:1px dashed var(--line);background:var(--bg);min-height:340px;color:var(--muted);text-align:left;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.playground-empty-result strong{color:var(--ink);margin-bottom:4px;display:block}.playground-empty-result p{margin:0;line-height:1.5}@media (width<=1000px){.playground-strip__inner{flex-direction:column;align-items:flex-start}.database-explorer__body{grid-template-columns:190px minmax(0,1fr)}.playground-workbench{grid-template-columns:1fr}}@media (width<=700px){.playground-strip{padding:32px 0 28px}.playground-strip__title{font-size:38px}.playground-section{padding-top:24px}.database-explorer{border-radius:18px;padding:16px}.database-explorer__body{grid-template-columns:1fr}.db-table-list{max-height:220px}.playground-editor-card,.playground-result-card{padding:20px}.sql-editor{height:300px;min-height:300px}}.admin-shell{color:#e5e7eb;background:#0f172a;min-height:100vh;display:flex}.admin-sidebar{background:#111827;border-right:1px solid #1f2937;flex-direction:column;width:280px;padding:22px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{border-bottom:1px solid #1f2937;align-items:center;gap:12px;padding-bottom:22px;display:flex}.admin-brand strong{color:#fff;font-size:18px;display:block}.admin-brand span{color:#94a3b8;font-size:13px}.admin-menu{gap:8px;margin-top:24px;display:grid}.admin-menu-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}.admin-menu-link:hover,.admin-menu-link.active{color:#fff;background:#1e293b}.admin-logout{color:#f87171;cursor:pointer;background:#1e293b;border:0;border-radius:14px;align-items:center;gap:12px;margin-top:auto;padding:13px 14px;font-weight:800;display:flex}.admin-main{flex:1;min-height:100vh;margin-left:280px}.admin-navbar{z-index:10;background:#0f172a;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.admin-search{background:#1e293b;border:1px solid #334155;border-radius:999px;align-items:center;gap:10px;width:min(460px,100%);padding:11px 16px;display:flex}.admin-search input{color:#fff;font:inherit;background:0 0;border:0;outline:0;flex:1}.admin-search input::placeholder{color:#94a3b8}.admin-navbar-right{align-items:center;gap:16px;display:flex}.admin-icon-btn{color:#fff;cursor:pointer;background:#1e293b;border:0;border-radius:50%;width:42px;height:42px}.admin-user{display:grid}.admin-user span{color:#fff;font-weight:800}.admin-user small{color:#94a3b8}.admin-content{padding:32px}.admin-page-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-page-head h1{color:#fff;margin:0;font-size:34px}.admin-page-head p{color:#94a3b8;margin:8px 0 0}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.admin-stat-card{background:#1e293b;border:1px solid #334155;border-radius:22px;padding:24px}.admin-stat-icon{color:#60a5fa;background:#3b82f626;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.admin-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:700;display:block}.admin-stat-card strong{color:#fff;font-size:34px}.admin-loading{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:22px;padding:28px}@media (width<=1000px){.admin-sidebar{width:100%;position:static}.admin-shell{display:block}.admin-main{margin-left:0}.admin-stats-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.admin-stats-grid{grid-template-columns:1fr}.admin-navbar{display:none}}.admin-shared-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-shared-stat-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:20px}.admin-shared-stat-icon{color:#60a5fa;background:#3b82f626;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.admin-shared-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:800;display:block}.admin-shared-stat-card strong{color:#fff;font-size:30px}.admin-shared-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(850px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-empty-state{text-align:center;color:#94a3b8;padding:28px}@media (width<=1000px){.admin-shared-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-shared-stats{grid-template-columns:1fr}}.admin-pagination{border-top:1px solid #334155;justify-content:flex-end;align-items:center;gap:14px;padding:18px 22px;display:flex}.admin-pagination span{color:#94a3b8;font-weight:800}.admin-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px;display:grid}.admin-dashboard-panel{background:#1e293b;border:1px solid #334155;border-radius:22px;padding:22px}.admin-dashboard-panel h2{color:#fff;margin:0 0 16px}.admin-dashboard-item{border-bottom:1px solid #334155;gap:5px;padding:14px 0;display:grid}.admin-dashboard-item:last-child{border-bottom:0}.admin-dashboard-item strong{color:#fff}.admin-dashboard-item span{color:#94a3b8}@media (width<=900px){.admin-dashboard-grid{grid-template-columns:1fr}}.admin-search-wrap{width:min(460px,100%);position:relative}.admin-search-wrap .admin-search{width:100%}.admin-search-results{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:18px;position:absolute;top:56px;left:0;right:0;overflow:hidden;box-shadow:0 18px 50px #00000059}.admin-search-results a{border-bottom:1px solid #334155;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.admin-search-results a:hover{background:#334155}.admin-search-results strong{color:#fff}.admin-search-results span{color:#94a3b8;font-size:13px}.admin-head-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-btn{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-weight:800;display:inline-flex}.admin-btn-primary{color:#fff;background:#3b82f6}.admin-btn-secondary{color:#e5e7eb;background:#1e293b;border:1px solid #334155}.admin-btn-ghost{color:#94a3b8;background:0 0;border:1px solid #334155}.admin-filter-panel{background:#1e293b;border:1px solid #334155;border-radius:22px;grid-template-columns:1.5fr repeat(3,180px) auto auto;gap:12px;margin-bottom:24px;padding:18px;display:grid}.admin-filter-search{background:#0f172a;border:1px solid #334155;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.admin-filter-search input,.admin-filter-panel select{color:#fff;width:100%;height:44px;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:14px;outline:none;padding:0 12px}.admin-filter-search input{border:0;padding:0}.admin-filter-search input::placeholder{color:#64748b}.admin-table-card{background:#1e293b;border:1px solid #334155;border-radius:22px;overflow:hidden}.admin-table-head{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.admin-table-head div{color:#fff;align-items:center;gap:10px;display:flex}.admin-table-head span{color:#94a3b8;font-size:14px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #334155;padding:16px 18px;font-size:13px}.admin-table td{color:#cbd5e1;vertical-align:top;border-bottom:1px solid #334155;padding:18px}.admin-table td strong{color:#fff}.admin-table td p{color:#94a3b8;max-width:520px;margin:6px 0 0;font-size:14px;line-height:1.5}.admin-status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-status-active{color:#34d399;background:#10b98126}.admin-status-inactive{color:#f87171;background:#ef444426}.admin-row-actions{gap:8px;display:flex}.admin-icon-action{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;width:36px;height:36px}.admin-icon-action:hover{color:#fff;background:#334155}.admin-empty{text-align:center;color:#94a3b8;padding:40px!important}@media (width<=1100px){.admin-filter-panel{grid-template-columns:1fr 1fr}}@media (width<=700px){.admin-filter-panel{grid-template-columns:1fr}}.admin-modal-overlay{z-index:9999;background:#020617bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-question-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(1050px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-modal-head{border-bottom:1px solid #334155;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;padding-bottom:18px;display:flex}.admin-modal-head h2{color:#fff;margin:0;font-size:28px}.admin-modal-head p{color:#94a3b8;margin:6px 0 0}.admin-form-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.admin-form-grid label,.admin-form-field{color:#cbd5e1;gap:8px;margin-bottom:14px;font-weight:800;display:grid}.admin-form-grid input,.admin-form-grid select,.admin-form-field input,.admin-form-field textarea,.admin-form-field select{color:#fff;width:100%;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:14px;outline:none;padding:12px 14px}.admin-form-field textarea{resize:vertical;min-height:95px}.admin-code-field{color:#86efac!important;min-height:145px!important;font-family:Consolas,monospace!important}.admin-form-grid input:disabled,.admin-form-grid select:disabled,.admin-form-field input:disabled,.admin-form-field textarea:disabled,.admin-form-field select:disabled{opacity:.75;cursor:not-allowed}.admin-modal-actions{border-top:1px solid #334155;justify-content:flex-end;gap:12px;margin-top:18px;padding-top:18px;display:flex}.admin-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.admin-form-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.admin-form-grid{grid-template-columns:1fr}}.admin-login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.admin-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:40px;box-shadow:0 25px 60px #0000002e}.admin-login-card h1{color:#0f172a;margin:0;font-size:32px;font-weight:800}.admin-login-card p{color:#64748b;margin:10px 0 30px;font-size:15px;line-height:1.6}.admin-login-card label{color:#334155;margin-bottom:20px;font-size:14px;font-weight:700;display:block}.admin-login-card input{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;margin-top:8px;padding:14px 16px;font-size:15px;transition:all .2s}.admin-login-card input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.admin-login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;width:100%;margin-top:12px;padding:15px;font-size:16px;font-weight:700;transition:all .25s}.admin-login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #2563eb40}.admin-login-card button:disabled{opacity:.7;cursor:not-allowed}.admin-login-card input::placeholder{color:#94a3b8}@media (width<=500px){.admin-login-card{padding:28px}.admin-login-card h1{font-size:28px}}.admin-report-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-report-stat-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:20px}.admin-report-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:800;display:block}.admin-report-stat-card strong{color:#fff;font-size:30px}.admin-report-filter-panel{grid-template-columns:1.5fr 200px auto auto}.admin-status-warning{color:#fbbf24;background:#f59e0b26}.admin-status-info{color:#60a5fa;background:#3b82f626}.admin-icon-danger{color:#f87171}.admin-btn-danger{color:#fff;background:#dc2626}.admin-report-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(850px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-report-detail-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.admin-report-detail-grid div{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:16px}.admin-report-detail-grid span{color:#94a3b8;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.admin-report-detail-grid strong{color:#fff}.admin-report-detail-grid p{color:#94a3b8;margin:6px 0 0}.admin-report-section{background:#0f172a;border:1px solid #334155;border-radius:18px;margin-bottom:16px;padding:18px}.admin-report-section h3{color:#fff;margin:0 0 10px}.admin-report-section p{color:#cbd5e1;margin:0;line-height:1.6}.admin-report-section small{color:#94a3b8;margin-top:10px;line-height:1.6;display:block}@media (width<=1100px){.admin-report-stats{grid-template-columns:repeat(2,1fr)}.admin-report-filter-panel,.admin-report-detail-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.admin-report-stats,.admin-report-filter-panel,.admin-report-detail-grid{grid-template-columns:1fr}}.admin-user-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-user-stat-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:20px}.admin-user-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:800;display:block}.admin-user-stat-card strong{color:#fff;font-size:30px}.admin-user-filter-panel{grid-template-columns:1.5fr 180px 180px auto auto}.admin-user-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(1050px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-user-detail-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.admin-user-detail-grid div{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:16px}.admin-user-detail-grid svg{color:#60a5fa;margin-bottom:10px}.admin-user-detail-grid span{color:#94a3b8;margin-bottom:6px;font-weight:800;display:block}.admin-user-detail-grid strong{color:#fff;font-size:22px}.admin-user-form-grid{grid-template-columns:repeat(4,1fr)}.admin-user-section{background:#0f172a;border:1px solid #334155;border-radius:18px;margin-bottom:16px;padding:18px}.admin-user-section h3{color:#fff;margin:0 0 14px}.admin-user-section p{color:#94a3b8}.admin-mini-table{border-collapse:collapse;width:100%}.admin-mini-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #334155;padding:10px;font-size:13px}.admin-mini-table td{color:#cbd5e1;border-bottom:1px solid #334155;padding:10px}@media (width<=1100px){.admin-user-stats{grid-template-columns:repeat(2,1fr)}.admin-user-filter-panel,.admin-user-form-grid,.admin-user-detail-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.admin-user-stats,.admin-user-filter-panel,.admin-user-form-grid,.admin-user-detail-grid{grid-template-columns:1fr}}.admin-notification-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-notification-stat-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:20px}.admin-notification-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:800;display:block}.admin-notification-stat-card strong{color:#fff;font-size:30px}.admin-notification-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(750px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-notification-form-grid{grid-template-columns:1fr 1fr}.admin-icon-action:disabled{opacity:.35;cursor:not-allowed}@media (width<=800px){.admin-notification-stats,.admin-notification-form-grid{grid-template-columns:1fr}}.admin-certificate-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-certificate-stat-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:20px}.admin-certificate-stat-card span{color:#94a3b8;margin-bottom:8px;font-weight:800;display:block}.admin-certificate-stat-card strong{color:#fff;font-size:28px}.admin-certificate-filter-panel{grid-template-columns:1.5fr 180px 160px 180px auto auto}.admin-certificate-modal{color:#e5e7eb;background:#1e293b;border:1px solid #334155;border-radius:24px;width:min(950px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.admin-certificate-form-grid{grid-template-columns:repeat(4,1fr)}.admin-checkbox-field{color:#cbd5e1;align-items:center;gap:10px;margin:16px 0;font-weight:800;display:flex}.admin-certificate-link{color:#60a5fa;align-items:center;gap:8px;margin-top:10px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=1100px){.admin-certificate-stats{grid-template-columns:repeat(2,1fr)}.admin-certificate-filter-panel,.admin-certificate-form-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.admin-certificate-stats,.admin-certificate-filter-panel,.admin-certificate-form-grid{grid-template-columns:1fr}}.admin-pricing-section{background:#1e293b;border:1px solid #334155;border-radius:22px;margin-bottom:26px;overflow:hidden}.admin-pricing-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-pricing-form label{color:#cbd5e1;gap:8px;font-weight:800;display:grid}.admin-pricing-form input,.admin-pricing-form select{color:#fff;width:100%;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:14px;outline:none;padding:12px 14px}@media (width<=700px){.admin-pricing-form{grid-template-columns:1fr}}.admin-settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.admin-settings-card{background:#1e293b;border:1px solid #334155;border-radius:22px;overflow:hidden}.admin-settings-card-head{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.admin-settings-card-head div{color:#fff;align-items:center;gap:10px;display:flex}.admin-settings-card-head span{color:#94a3b8;font-size:14px}.admin-settings-fields{gap:16px;padding:22px;display:grid}.admin-settings-fields label{gap:8px;display:grid}.admin-settings-fields label span{color:#cbd5e1;text-transform:capitalize;font-weight:800}.admin-settings-fields small{color:#fbbf24;text-transform:uppercase;margin-left:8px;font-size:11px}.admin-settings-fields input,.admin-settings-fields select,.admin-settings-fields textarea{color:#fff;width:100%;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:14px;outline:none;padding:12px 14px}.admin-settings-fields textarea{resize:vertical;min-height:90px}@media (width<=1000px){.admin-settings-grid{grid-template-columns:1fr}}.pricing-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 85% 5%,#0e7c6614,#0000 28%),radial-gradient(circle at 10% 20%,#0e7c660a,#0000 24%),#fbfcfb}.pricing-container{width:min(1160px,100% - 48px);margin:0 auto}.pricing-hero{text-align:center;padding:80px 0 64px}.pricing-hero__badge{color:var(--teal);letter-spacing:1px;text-transform:uppercase;background:#0e7c6612;border:1px solid #0e7c662e;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.pricing-hero h1{max-width:900px;font-family:var(--font-display);color:var(--ink);margin:0 auto 24px;font-size:clamp(42px,6vw,70px);line-height:1.06}.pricing-hero h1 span{color:var(--teal)}.pricing-hero>.pricing-container>p{max-width:720px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.8}.pricing-region{color:var(--muted);background:#fff;border:1px solid #0e7c6626;border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:10px 18px;font-size:14px;display:inline-flex;box-shadow:0 8px 24px #11342b0a}.pricing-region strong{color:var(--teal);text-transform:capitalize}.pricing-plans-section{padding:24px 0 80px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-width:0;padding:36px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 12px 34px #11342b0d}.pricing-card:hover{border-color:#0e7c664d;transform:translateY(-4px);box-shadow:0 20px 50px #11342b17}.pricing-card--pro{border:2px solid var(--teal);box-shadow:0 18px 50px #0e7c661f}.pricing-card--pro:hover{border-color:var(--teal-deep);box-shadow:0 24px 60px #0e7c6629}.pricing-popular-label{background:var(--teal);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:0;right:28px;transform:translateY(-50%);box-shadow:0 8px 20px #0e7c6638}.pricing-card__top{align-items:center;gap:16px;margin-bottom:28px;display:flex}.pricing-card__icon{width:50px;height:50px;color:var(--teal);background:#0e7c6617;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pricing-card__eyebrow{color:var(--teal);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.pricing-card h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:30px;line-height:1.2}.pricing-card__price{min-height:62px;color:var(--ink);align-items:flex-end;gap:5px;margin-bottom:18px;display:flex}.pricing-card__currency{color:var(--teal);align-self:flex-start;margin-top:10px;font-size:24px;font-weight:700}.pricing-card__price strong{font-family:var(--font-display);letter-spacing:-2px;font-size:56px;line-height:1}.pricing-card__period{color:var(--muted);padding-bottom:7px;font-size:15px;font-weight:500}.pricing-card__price--unavailable strong{letter-spacing:0;color:var(--muted);font-size:32px}.pricing-card__description{min-height:58px;color:var(--muted);margin:0 0 24px;line-height:1.75}.pricing-card__note{color:var(--muted);text-align:center;margin:14px 0 0;font-size:13px;line-height:1.6}.pricing-card__divider{background:var(--line);height:1px;margin:28px 0}.pricing-card h3{color:var(--ink);margin:0 0 18px;font-size:16px}.pricing-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s,opacity .2s;display:inline-flex}.pricing-button:hover:not(:disabled){transform:translateY(-1px)}.pricing-button--primary{border:1px solid var(--teal);background:var(--teal);color:#fff}.pricing-button--primary:hover:not(:disabled){border-color:var(--teal-deep);background:var(--teal-deep)}.pricing-button--secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.pricing-button--secondary:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:#0e7c6608}.pricing-button--light{width:auto;color:var(--teal-deep);background:#fff;border:1px solid #fff;flex-shrink:0}.pricing-button--light:hover:not(:disabled){background:#f4faf8}.pricing-button:disabled{cursor:not-allowed;opacity:.55}.pricing-feature-list{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.pricing-feature{color:var(--text);align-items:flex-start;gap:11px;font-size:14px;line-height:1.55;display:flex}.pricing-feature__icon{width:21px;height:21px;color:var(--teal);background:#0e7c661a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.certificate-banner{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:36px;padding:30px 32px;display:grid;box-shadow:0 12px 34px #11342b0d}.certificate-banner__icon{width:60px;height:60px;color:var(--teal);background:#0e7c661a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.certificate-banner__eyebrow{color:var(--teal);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.certificate-banner h2{color:var(--ink);font-family:var(--font-display);margin:0 0 10px;font-size:28px;line-height:1.25}.certificate-banner p{color:var(--muted);margin:0;line-height:1.7}.certificate-banner p+p{margin-top:8px}.certificate-banner__benefit{min-width:210px;color:var(--teal);background:#0e7c660d;border:1px solid #0e7c6624;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.certificate-banner__benefit div{flex-direction:column;gap:3px;display:flex}.certificate-banner__benefit strong{color:var(--ink);font-size:14px}.certificate-banner__benefit span{color:var(--muted);font-size:12px;line-height:1.4}.pricing-section-heading{max-width:760px;margin-bottom:40px}.pricing-section-heading>span{color:var(--teal);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.pricing-section-heading h2{color:var(--ink);font-family:var(--font-display);margin:0 0 16px;font-size:clamp(32px,4vw,44px);line-height:1.15}.pricing-section-heading p{color:var(--muted);margin:0;line-height:1.8}.pricing-benefits-section{background:#fff;border-top:1px solid #e1e6e2b3;padding:80px 0}.pricing-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pricing-benefit{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}.pricing-benefit:hover{border-color:#0e7c6640;transform:translateY(-3px);box-shadow:0 14px 30px #11342b0f}.pricing-benefit>svg{color:var(--teal);margin-bottom:18px}.pricing-benefit h3{color:var(--ink);margin:0 0 10px;font-size:18px}.pricing-benefit p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.pricing-comparison-section{padding:80px 0}.pricing-comparison-wrapper{border:1px solid var(--line);background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 10px 28px #11342b0a}.pricing-comparison{border-collapse:collapse;width:100%;min-width:680px}.pricing-comparison th,.pricing-comparison td{border-bottom:1px solid var(--line);text-align:left;padding:18px 22px}.pricing-comparison th{color:var(--ink);letter-spacing:.4px;background:#0e7c660d;font-size:13px;font-weight:700}.pricing-comparison th:not(:first-child),.pricing-comparison td:not(:first-child){text-align:center}.pricing-comparison tbody tr:last-child td{border-bottom:none}.pricing-comparison tbody tr:hover{background:#fbfdfc}.pricing-comparison td:first-child{color:var(--ink);font-weight:600}.pricing-comparison__included{color:var(--teal);justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.pricing-comparison__unavailable{color:#a7b0ac;justify-content:center;align-items:center;display:inline-flex}.pricing-faq-section{background:#fff;padding:80px 0}.pricing-faq-list{gap:14px;max-width:900px;display:grid}.pricing-faq{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.pricing-faq summary{color:var(--ink);cursor:pointer;padding:20px 54px 20px 22px;font-weight:700;list-style:none;position:relative}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq summary:after{content:"+";color:var(--teal);font-size:24px;font-weight:400;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.pricing-faq[open] summary:after{content:"−"}.pricing-faq[open]{border-color:#0e7c663d}.pricing-faq p{color:var(--muted);margin:0;padding:0 22px 22px;line-height:1.75}.pricing-final-cta{padding:80px 0}.pricing-final-cta__content{background:var(--teal);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:40px;padding:48px;display:flex;box-shadow:0 20px 50px #0e7c662e}.pricing-final-cta__content>div>span{color:#ffffffc2;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.pricing-final-cta h2{color:#fff;font-family:var(--font-display);margin:0 0 12px;font-size:clamp(30px,4vw,42px)}.pricing-final-cta p{color:#ffffffd1;max-width:620px;margin:0;line-height:1.7}.pricing-status{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;max-width:680px;margin:20px auto;padding:48px 30px;box-shadow:0 12px 34px #11342b0d}.pricing-status__spinner{color:var(--teal);margin-bottom:16px;animation:.8s linear infinite pricing-spin}.pricing-status h2{color:var(--ink);font-family:var(--font-display);margin:0 0 10px;font-size:28px}.pricing-status p{color:var(--muted);margin:0 auto 22px;line-height:1.7}.pricing-status--error{border-color:#be373733}@keyframes pricing-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.pricing-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto}.certificate-banner{grid-template-columns:auto 1fr}.certificate-banner__benefit{grid-column:1/-1;width:100%}.pricing-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.pricing-container{width:min(100% - 36px,1160px)}.pricing-hero{padding:56px 0 44px}.pricing-hero h1{font-size:44px}.pricing-hero>.pricing-container>p{font-size:16px}.pricing-plans-section,.pricing-benefits-section,.pricing-comparison-section,.pricing-faq-section,.pricing-final-cta{padding-top:56px;padding-bottom:56px}.pricing-card{padding:30px 24px}.certificate-banner{grid-template-columns:1fr;padding:26px 24px}.certificate-banner__benefit{grid-column:auto}.pricing-final-cta__content{flex-direction:column;align-items:flex-start;padding:36px 28px}.pricing-button--light{width:100%}}@media (width<=640px){.pricing-container{width:min(100% - 28px,1160px)}.pricing-hero{padding:48px 0 34px}.pricing-hero h1{font-size:39px}.pricing-card{border-radius:16px}.pricing-card__top{align-items:flex-start}.pricing-card__price strong{font-size:48px}.pricing-popular-label{right:18px}.pricing-benefits-grid{grid-template-columns:1fr}.pricing-section-heading{margin-bottom:28px}.pricing-section-heading h2{font-size:32px}.certificate-banner h2{font-size:25px}.pricing-final-cta__content{padding:32px 22px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{background:#faf8f3;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--bg:#faf8f3;--bg-panel:#fff;--bg-panel-2:#f2efe6;--ink:#10231e;--text:#1b2b26;--muted:#6b7670;--line:#e4dfd2;--teal:#0e7c66;--teal-deep:#0a5b4c;--amber:#e8a23d;--red:#d1574a;--code-bg:#0e1a16;--code-line:#1e322b;--code-text:#dce8e1;--code-green:#6fcf97;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}.page{background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-family:var(--font-body);line-height:1.5}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
