:root,[data-theme=dark]{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-primary-lighter:#334155;--color-accent:#14b8a6;--color-accent-hover:#0d9488;--color-accent-light:#14b8a61f;--color-accent-border:#14b8a64d;--color-bg:#0b1120;--color-bg-alt:#0f172a;--color-bg-card:#141e33;--color-bg-card-hover:#1a2742;--color-bg-input:#1e293b;--color-bg-overlay:#0b1120f2;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-risk-low:#10b981;--color-risk-low-bg:#10b9811f;--color-risk-low-border:#10b9814d;--color-risk-medium:#f59e0b;--color-risk-medium-bg:#f59e0b1f;--color-risk-medium-border:#f59e0b4d;--color-risk-high:#f97316;--color-risk-high-bg:#f973161f;--color-risk-high-border:#f973164d;--color-risk-critical:#ef4444;--color-risk-critical-bg:#ef44441f;--color-risk-critical-border:#ef44444d;--color-border:#1e293b;--color-border-subtle:#94a3b81f;--color-border-focus:#14b8a6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px -1px #00000059, 0 2px 4px -2px #00000040;--shadow-lg:0 12px 20px -3px #00000073;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--container-max:1200px;--container-narrow:800px;--navbar-height:64px}[data-theme=light]{--color-primary:#fff;--color-primary-light:#f8fafc;--color-primary-lighter:#f1f5f9;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-light:#0d948814;--color-accent-border:#0d948840;--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-bg-card:#fff;--color-bg-card-hover:#fcfdfe;--color-bg-input:#fff;--color-bg-overlay:#fffffff5;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-risk-low:#059669;--color-risk-low-bg:#10b98114;--color-risk-low-border:#10b98140;--color-risk-medium:#d97706;--color-risk-medium-bg:#f59e0b14;--color-risk-medium-border:#f59e0b40;--color-risk-high:#ea580c;--color-risk-high-bg:#f9731614;--color-risk-high-border:#f9731640;--color-risk-critical:#dc2626;--color-risk-critical-bg:#ef444414;--color-risk-critical-border:#ef444440;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-border-focus:#0d9488;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.01em;font-weight:700;line-height:1.25}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16) 0}.section__header{text-align:center;margin-bottom:var(--space-10)}.section__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:800}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:620px;margin:0 auto;line-height:1.6}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);color:var(--color-text-inverse);transform:translateY(-1px)}.btn--secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-primary-light);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn--large{font-size:var(--font-size-lg);border-radius:var(--radius-xl);padding:14px 28px}.btn--block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.card--interactive{cursor:pointer;flex-direction:column;display:flex}.card--interactive:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md);background:var(--color-bg-card-hover);transform:translateY(-3px)}.card__icon{border-radius:var(--radius-lg);background:var(--color-accent-light);width:52px;height:52px;color:var(--color-accent);margin-bottom:var(--space-4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-2);font-weight:700}.card__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600;display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--color-risk-critical);font-size:var(--font-size-sm);margin-top:var(--space-1)}.risk-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;font-weight:700;display:inline-flex}.risk-badge--low{background:var(--color-risk-low-bg);color:var(--color-risk-low);border:1px solid var(--color-risk-low-border)}.risk-badge--medium{background:var(--color-risk-medium-bg);color:var(--color-risk-medium);border:1px solid var(--color-risk-medium-border)}.risk-badge--high{background:var(--color-risk-high-bg);color:var(--color-risk-high);border:1px solid var(--color-risk-high-border)}.risk-badge--critical{background:var(--color-risk-critical-bg);color:var(--color-risk-critical);border:1px solid var(--color-risk-critical-border)}.privacy-warning{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-risk-medium-bg);border:1px solid var(--color-risk-medium-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--color-risk-medium);line-height:1.5;display:flex}.disclaimer{padding:var(--space-4);background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-6)}.page{padding-top:var(--navbar-height);flex:1}.page__hero{padding:var(--space-12) 0 var(--space-8);text-align:center}.page__hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:800}.page__hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto}@media (width<=1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--navbar-height:60px}.section{padding:var(--space-10) 0}.section__title{font-size:var(--font-size-2xl)}.page__hero{padding:var(--space-8) 0 var(--space-6)}.page__hero-title{font-size:var(--font-size-2xl)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.card{padding:var(--space-6)}}@media (width<=480px){.page__hero-title{font-size:var(--font-size-xl)}.btn--large{font-size:var(--font-size-base);padding:12px 20px}.container{padding:0 var(--space-3)}}.digitalshield-logo{align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.digitalshield-logo-mark{filter:drop-shadow(0 2px 4px #0d948840);transition:transform var(--transition-fast);flex-shrink:0;display:block}.digitalshield-logo:hover .digitalshield-logo-mark{transform:scale(1.05)}.digitalshield-logo__wordmark{font-size:var(--font-size-xl);letter-spacing:-.025em;align-items:baseline;line-height:1;display:inline-flex}.digitalshield-logo__text-main{color:var(--color-text);transition:color var(--transition-fast);font-weight:700}.digitalshield-logo__text-accent{color:var(--color-accent);margin-left:1px;font-weight:800}.navbar{z-index:1000;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar__container{max-width:var(--container-max);padding:0 var(--space-6);height:var(--navbar-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:800;font-size:var(--font-size-xl);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo svg{color:var(--color-accent)}.navbar__logo-text{color:var(--color-text);letter-spacing:-.02em;font-weight:800}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:flex}.navbar__link:hover{color:var(--color-text);background:#94a3b814}.navbar__link--active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.navbar__link--login{color:var(--color-accent);gap:6px;font-weight:600}.navbar__link--user{gap:8px}.navbar__user-avatar-mini{border-radius:var(--radius-full);background:var(--color-accent-light);width:24px;height:24px;color:var(--color-accent);border:1.5px solid var(--color-accent);justify-content:center;align-items:center;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.navbar__mobile-login-icon{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);justify-content:center;align-items:center;text-decoration:none;display:flex}.navbar__theme-toggle{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-2);justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.05)}.navbar__mobile-actions{align-items:center;gap:var(--space-2);display:none}.navbar__toggle{color:var(--color-text);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.navbar__toggle:hover{background:#94a3b81a}.navbar__mobile{top:var(--navbar-height);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(16px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-base);display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.navbar__mobile--open{opacity:1;visibility:visible}.navbar__mobile-links{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.navbar__mobile-link{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;font-weight:500;text-decoration:none;display:flex}.navbar__mobile-link:hover{color:var(--color-text);background:#94a3b814}.navbar__mobile-link--active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}@media (width<=1024px){.navbar__links{display:none}.navbar__mobile-actions{display:flex}.navbar__mobile{display:block}}@media (width<=768px){.navbar__container{padding:0 var(--space-4)}}.footer{background:var(--color-primary);border-top:1px solid var(--color-border);margin-top:auto}.footer__container{padding-top:var(--space-12);padding-bottom:var(--space-8)}.footer__top{gap:var(--space-10);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr;display:grid}.footer__logo-link{margin-bottom:var(--space-3);text-decoration:none;display:inline-flex}.footer__logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:var(--space-3);font-weight:800;display:flex}.footer__tagline{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.footer__motto{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.footer__links-title{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.footer__links{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-accent)}.footer__divider{background:var(--color-border);height:1px;margin-bottom:var(--space-6)}.footer__bottom{text-align:center}.footer__privacy{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-2);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5}.footer__disclaimer{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}.footer__copy{color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--space-1);display:flex}.footer__heart{color:var(--color-risk-critical);fill:var(--color-risk-critical)}@media (width<=768px){.footer__top{gap:var(--space-8);grid-template-columns:1fr}.footer__container{padding-top:var(--space-8);padding-bottom:var(--space-6)}}.hero{padding:var(--space-16) 0 var(--space-12);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);text-align:center;position:relative}.hero__content{max-width:820px;margin:0 auto}.hero__badge{align-items:center;gap:var(--space-2);background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;font-weight:700;display:inline-flex}.hero__title{font-size:var(--font-size-5xl);margin-bottom:var(--space-5);color:var(--color-text);letter-spacing:-.02em;font-weight:800;line-height:1.15}.hero__title-highlight{color:var(--color-accent)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:680px;margin:0 auto var(--space-8);line-height:1.6}.hero__ctas{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.check-area{background:var(--color-bg)}.check-card{flex-direction:column;height:100%;text-decoration:none;display:flex}.check-card__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.check-card__badge{font-size:var(--font-size-xs);border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-muted);padding:3px 8px;font-weight:600}.check-card__cta{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-accent);padding-top:var(--space-4);transition:gap var(--transition-fast);margin-top:auto;font-weight:600;display:inline-flex}.check-card:hover .check-card__cta{gap:var(--space-2)}.journey-section{background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);height:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.step-card:hover{border-color:var(--color-accent-border);transform:translateY(-2px)}.step-card__top{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.step-card__number{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:800;line-height:1}.step-card__icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:40px;height:40px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.step-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:700}.step-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.step-card__link{font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin-top:auto;font-weight:700;display:inline-flex}.step-card__link:hover{color:var(--color-accent-hover)}.resources-highlight{background:var(--color-bg)}.resource-banner{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);box-shadow:var(--shadow-sm);align-items:flex-start;display:flex}.resource-banner__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.resource-banner__content{flex:1}.resource-banner__content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-1);font-weight:700}.resource-banner__content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.5}.resource-banner__btn{font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-weight:700;display:inline-flex}.why-section{background:var(--color-bg-alt);border-top:1px solid var(--color-border)}.why-section__content{gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.why-section__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.why-section__list{gap:var(--space-3);flex-direction:column;display:flex}.why-section__list li{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;display:flex}.why-section__list svg{color:var(--color-accent);flex-shrink:0}.why-section__stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm)}.stat-card__number{font-size:var(--font-size-4xl);color:var(--color-accent);margin-bottom:var(--space-1);font-weight:800;line-height:1.1}.stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cta-banner{background:var(--color-bg)}.cta-banner__content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;box-shadow:var(--shadow-sm)}.cta-banner__content h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);font-weight:800}.cta-banner__content p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:580px;margin:0 auto var(--space-8);line-height:1.6}.cta-banner__buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=1024px){.why-section__content{gap:var(--space-8);grid-template-columns:1fr}}@media (width<=768px){.hero{padding:var(--space-10) 0 var(--space-8)}.hero__title{font-size:var(--font-size-3xl)}.hero__ctas{flex-direction:column;width:100%}.hero__ctas .btn{width:100%}.resource-banner{flex-direction:column}.cta-banner__content{padding:var(--space-8) var(--space-4)}.cta-banner__buttons{flex-direction:column}.cta-banner__buttons .btn{width:100%}}.check-hero__icon{border-radius:var(--radius-xl);background:var(--color-accent-light);width:72px;height:72px;color:var(--color-accent);margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.check-grid{gap:var(--space-4);flex-direction:column;display:flex}.check-card-large{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;display:flex}.check-card-large:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);background:var(--color-bg-card-hover);transform:translate(4px)}.check-card-large__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.check-card-large__content{flex:1}.check-card-large__title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.check-card-large__title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.check-card-large__badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:2px 8px;font-weight:600}.check-card-large__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.check-card-large__arrow{opacity:0;transition:all var(--transition-base);flex-shrink:0;transform:translate(-8px)}.check-card-large:hover .check-card-large__arrow{opacity:1;transform:translate(0)}@media (width<=768px){.check-card-large{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.check-card-large__icon{width:56px;height:56px}.check-card-large__arrow{display:none}}.risk-result{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-8)}.risk-result--low{border-left:4px solid var(--color-risk-low)}.risk-result--medium{border-left:4px solid var(--color-risk-medium)}.risk-result--high{border-left:4px solid var(--color-risk-high)}.risk-result--critical{border-left:4px solid var(--color-risk-critical)}.risk-result__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.risk-result__image-intel{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.risk-result__image-intel--unrelated{background:#3b82f60a;border-left:3px solid #3b82f6}.risk-result__image-intel-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.risk-result__image-intel-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-weight:700;display:flex}.risk-result__image-intel-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.risk-result__type-pill{font-size:var(--font-size-xs);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);background:#94a3b81f;padding:2px 10px}.risk-result__relevance-pill{font-size:var(--font-size-xs);border-radius:var(--radius-full);padding:2px 10px;font-weight:600}.risk-result__relevance-pill--relevant{color:var(--color-risk-low);background:#22c55e1f;border:1px solid #22c55e4d}.risk-result__relevance-pill--unrelated{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.risk-result__image-desc-box{border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);background:#00000026}.risk-result__image-desc{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.5}.risk-result__unrelated-notice{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;display:flex}.risk-result__media-tag{font-size:var(--font-size-xs);color:var(--color-accent);background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);padding:4px 10px;font-weight:600}.risk-result__title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.risk-result__level-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.risk-result__score{text-align:right}.risk-result__score-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.risk-result__score-value{font-size:var(--font-size-3xl);font-weight:800;line-height:1}.risk-result__score-max{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:500}.risk-result__bar-container{border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-6);background:#94a3b81a;overflow:hidden}.risk-result__bar{border-radius:var(--radius-full);height:100%;transition:width 1s}.risk-result__section{margin-bottom:var(--space-6)}.risk-result__section-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);background:#94a3b80d;font-weight:600;display:flex}.risk-result__section-toggle:hover{background:#94a3b81a}.risk-result__section-toggle span{text-align:left;flex:1}.risk-result__warnings{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.risk-result__warning{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:#94a3b808;line-height:1.5;display:flex}.risk-result__explanation,.risk-result__action{margin-bottom:var(--space-5)}.risk-result__explanation h4,.risk-result__action h4{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.risk-result__explanation p,.risk-result__action p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.risk-result__action{padding:var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-md);border:1px solid #14b8a626}.risk-result__action h4{color:var(--color-accent)}@media (width<=768px){.risk-result{padding:var(--space-5)}.risk-result__score-value{font-size:var(--font-size-2xl)}}.image-uploader{margin-top:var(--space-4);margin-bottom:var(--space-5)}.image-uploader__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.image-uploader__label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);font-weight:600;display:flex}.image-uploader__label svg{color:var(--color-accent)}.image-uploader__formats{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-uploader__dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;background:var(--color-bg-alt);cursor:pointer;transition:all var(--transition-fast)}.image-uploader__dropzone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.image-uploader__dropzone--active{border-color:var(--color-accent);background:var(--color-accent-light);transform:scale(.99)}.image-uploader__hidden-input{display:none}.image-uploader__dropzone-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.image-uploader__icon-circle{border-radius:var(--radius-full);background:var(--color-accent-light);width:44px;height:44px;color:var(--color-accent);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.image-uploader__prompt{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:2px}.image-uploader__subtext{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-uploader__preview-card{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.image-uploader__thumb-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.image-uploader__thumb{object-fit:cover;width:100%;height:100%}.image-uploader__file-info{flex-direction:column;flex:1;min-width:0;display:flex}.image-uploader__file-name{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.image-uploader__file-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-uploader__remove-btn{color:var(--color-risk-critical);border:1px solid var(--color-risk-critical-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);transition:all var(--transition-fast);background:#ef44441a;align-items:center;gap:4px;padding:6px 12px;font-weight:600;display:inline-flex}.image-uploader__remove-btn:hover{background:var(--color-risk-critical);color:#fff}.image-uploader__error{font-size:var(--font-size-xs);color:var(--color-risk-critical);margin-top:var(--space-2);align-items:center;gap:6px;display:flex}.image-uploader__privacy-note{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.8rem;line-height:1.4}@media (width<=480px){.image-uploader__preview-card{flex-wrap:wrap}.image-uploader__remove-btn{margin-left:auto}}.checker{max-width:var(--container-narrow);padding:0 var(--space-6);margin:0 auto}.checker__back{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6);transition:color var(--transition-fast);font-weight:500;display:inline-flex}.checker__back:hover{color:var(--color-accent)}.checker__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.checker__icon-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.checker__icon-circle{border-radius:var(--radius-lg);background:var(--color-accent-light);width:48px;height:48px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checker__heading{font-size:var(--font-size-2xl);letter-spacing:-.01em;font-weight:700}.checker__form{gap:var(--space-4);flex-direction:column;display:flex}.checker__optional-fields{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.checker__submit-row{gap:var(--space-4);margin-top:var(--space-2);align-items:center;display:flex}.checker__submit-row .btn{flex-shrink:0}.checker__clear{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:color var(--transition-fast);background:0 0}.checker__clear:hover{color:var(--color-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}.checker__loading-card{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-accent);margin-top:var(--space-8);font-weight:600;font-size:var(--font-size-base);display:flex}@media (width<=768px){.checker{padding:0 var(--space-4)}.checker__card{padding:var(--space-5)}.checker__optional-fields{grid-template-columns:1fr}.checker__submit-row{flex-direction:column;align-items:stretch}.checker__submit-row .btn{width:100%}.checker__clear{text-align:center}}.learn-hero__icon{border-radius:var(--radius-xl);color:#0ea5e9;width:72px;height:72px;margin:0 auto var(--space-6);background:#0ea5e91a;justify-content:center;align-items:center;display:flex}.learn-topic-card{flex-direction:column;text-decoration:none;display:flex}.learn-topic-card__cta{align-items:center;gap:var(--space-2);padding-top:var(--space-4);font-size:var(--font-size-sm);transition:gap var(--transition-fast);margin-top:auto;font-weight:600;display:inline-flex}.card--interactive:hover .learn-topic-card__cta{gap:var(--space-3)}.topic__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);font-weight:800}.topic__section{margin-bottom:var(--space-8)}.topic__section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-text);font-weight:700}.topic__section-content{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}.topic__warning-box{background:var(--color-risk-medium-bg);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid #f59e0b33}.topic__warning-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--color-risk-medium);margin-bottom:var(--space-4);display:flex}.topic__warning-list{gap:var(--space-3);flex-direction:column;display:flex}.topic__warning-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.topic__warning-icon{color:var(--color-risk-medium);flex-shrink:0;margin-top:2px}.topic__dos-box{background:var(--color-risk-low-bg);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid #22c55e33}.topic__dos-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--color-risk-low);margin-bottom:var(--space-4);display:flex}.topic__dos-list{gap:var(--space-3);flex-direction:column;display:flex}.topic__dos-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.topic__do-icon{color:var(--color-risk-low);flex-shrink:0;margin-top:2px}.topic__donts-box{background:var(--color-risk-critical-bg);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid #ef444433}.topic__donts-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--color-risk-critical);margin-bottom:var(--space-4);display:flex}.topic__donts-list{gap:var(--space-3);flex-direction:column;display:flex}.topic__donts-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.topic__dont-icon{color:var(--color-risk-critical);flex-shrink:0;margin-top:2px}.topic__critical{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-risk-critical-bg);border-radius:var(--radius-xl);margin-bottom:var(--space-8);border:2px solid #ef44444d;display:flex}.topic__critical svg{color:var(--color-risk-critical);flex-shrink:0}.topic__critical p{font-size:var(--font-size-base);color:var(--color-risk-critical);font-weight:700}.topic__practice-cta{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-accent-light);border-radius:var(--radius-xl);margin-bottom:var(--space-8);border:1px solid #14b8a633;display:flex}.topic__practice-cta svg{color:var(--color-accent);flex-shrink:0}.topic__practice-cta span{color:var(--color-text);flex:1;font-weight:600}.topic__nav{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex}.topic__nav-link{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);max-width:48%;text-decoration:none;display:flex}.topic__nav-link:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover)}.topic__nav-link svg{color:var(--color-accent);flex-shrink:0}.topic__nav-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.topic__nav-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600;display:block}.topic__nav-link--next{text-align:right;margin-left:auto}@media (width<=768px){.topic__title{font-size:var(--font-size-2xl)}.topic__nav{flex-direction:column}.topic__nav-link{max-width:100%}.topic__practice-cta{text-align:center;flex-direction:column}}.training-hero__icon{border-radius:var(--radius-xl);background:var(--color-accent-light);width:56px;height:56px;color:var(--color-accent);margin:0 auto var(--space-4);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.training-tracks-grid{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(2,1fr);display:grid}.training-track-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.training-track-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.training-track-card__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--font-size-xs);width:fit-content;margin-bottom:var(--space-4);padding:4px 12px;font-weight:600;display:inline-flex}.training-track-card__title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:700}.training-track-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6);flex-grow:1;line-height:1.6}.training-track-card__stats{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.training-stat-pill{border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.training-section-header{margin-bottom:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.training-category-card{flex-direction:column;height:100%;display:flex}.training-category-card__meta{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.training-category-card__count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.training-category-card__cta{font-size:var(--font-size-sm);align-items:center;gap:4px;font-weight:600;display:inline-flex}.training-learn-card{margin-top:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);align-items:center;gap:var(--space-6);box-shadow:var(--shadow-sm);display:flex}.training-learn-card__icon{border-radius:var(--radius-lg);background:var(--color-accent-light);width:48px;height:48px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.training-learn-card__text{flex-grow:1}.training-learn-card__text h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:4px;font-weight:700}.training-learn-card__text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media (width<=900px){.training-tracks-grid{gap:var(--space-4);grid-template-columns:1fr}.training-learn-card{flex-direction:column;align-items:flex-start}}.practice-hero__icon{border-radius:var(--radius-xl);color:#ec4899;width:72px;height:72px;margin:0 auto var(--space-6);background:#ec48991a;justify-content:center;align-items:center;display:flex}.practice-category-card{flex-direction:column;text-decoration:none;display:flex}.practice-category-card__meta{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.practice-category-card__count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.practice-category-card__cta{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);transition:gap var(--transition-fast);font-weight:600;display:inline-flex}.card--interactive:hover .practice-category-card__cta{gap:var(--space-2)}.practice-progress{margin-bottom:var(--space-6)}.practice-progress__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.practice-progress__title{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;display:inline-flex}.practice-progress__tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.practice-progress__bar{border-radius:var(--radius-full);background:#94a3b81a;height:6px;overflow:hidden}.practice-progress__fill{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.practice-scenario{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.practice-scenario__content{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--font-size-base);color:var(--color-text);background:#14b8a60d;border:1px solid #14b8a61f;line-height:1.7;display:flex}.practice-scenario__question{font-size:var(--font-size-lg);margin-bottom:var(--space-5);font-weight:700}.practice-options{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.practice-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-sm);text-align:left;transition:all var(--transition-fast);cursor:pointer;display:flex}.practice-option:hover:not(:disabled),.practice-option--selected{border-color:var(--color-accent);background:var(--color-accent-light)}.practice-option--correct{border-color:var(--color-risk-low)!important;background:var(--color-risk-low-bg)!important}.practice-option--correct svg{color:var(--color-risk-low)}.practice-option--incorrect{border-color:var(--color-risk-critical)!important;background:var(--color-risk-critical-bg)!important}.practice-option--incorrect svg{color:var(--color-risk-critical)}.practice-option__letter{border-radius:var(--radius-full);width:28px;height:28px;font-weight:700;font-size:var(--font-size-xs);color:var(--color-text-muted);background:#94a3b81a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.practice-option--selected .practice-option__letter{background:var(--color-accent);color:var(--color-text-inverse)}.practice-option__text{flex:1;line-height:1.5}.practice-option:disabled{cursor:default}.practice-feedback{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);animation:.3s slideDown}.practice-feedback--correct{background:var(--color-risk-low-bg);border:1px solid #22c55e33}.practice-feedback--incorrect{background:var(--color-risk-critical-bg);border:1px solid #ef444433}.practice-feedback__header{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);margin-bottom:var(--space-3);font-weight:700;display:flex}.practice-feedback--correct .practice-feedback__header{color:var(--color-risk-low)}.practice-feedback--incorrect .practice-feedback__header{color:var(--color-risk-critical)}.practice-feedback__explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.practice-feedback__lesson{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:#94a3b80d;display:flex}.practice-feedback__lesson svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.practice-feedback__lesson p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.practice-score{text-align:center;padding:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.practice-score__trophy{margin-bottom:var(--space-4)}.practice-score__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);font-weight:800}.practice-score__circle{width:120px;height:120px;margin:0 auto var(--space-4);border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.practice-score__number{font-size:var(--font-size-4xl);font-weight:800;line-height:1}.practice-score__total{font-size:var(--font-size-lg);color:var(--color-text-muted)}.practice-score__level{font-size:var(--font-size-xl);margin-bottom:var(--space-1);font-weight:700}.practice-score__percentage{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.practice-score__breakdown{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.practice-score__stat{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.practice-score__suggestion{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.practice-score__suggestion a{font-weight:600}.practice-score__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=768px){.practice-scenario{padding:var(--space-5)}.practice-score{padding:var(--space-6)}.practice-score__actions{flex-direction:column}}.tips-hero__icon{border-radius:var(--radius-xl);color:#22c55e;width:72px;height:72px;margin:0 auto var(--space-6);background:#22c55e1a;justify-content:center;align-items:center;display:flex}.tips-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.tips-category{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.tips-category__header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-left:4px solid;border-bottom:1px solid var(--color-border);display:flex}.tips-category__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tips-category__title{font-size:var(--font-size-lg);font-weight:700}.tips-category__list{padding:var(--space-4) var(--space-6)}.tip-item{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid #94a3b80f;display:flex}.tip-item:last-child{border-bottom:none}.tip-item--critical{padding:var(--space-3) var(--space-4);background:var(--color-risk-critical-bg);border-radius:var(--radius-md);margin:var(--space-2) 0;border-bottom:none}.tip-item__alert{color:var(--color-risk-critical);flex-shrink:0;margin-top:2px}.tip-item__title{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.tip-item--critical .tip-item__title{color:var(--color-risk-critical)}.tip-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}@media (width<=768px){.tips-grid{grid-template-columns:1fr}.tips-category__list{padding:var(--space-3) var(--space-4)}}.quiz-hero__icon{border-radius:var(--radius-xl);background:var(--color-accent-light);width:64px;height:64px;color:var(--color-accent);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.quiz-start{text-align:center;padding:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.quiz-start__badge{align-items:center;gap:var(--space-2);background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);margin-bottom:var(--space-4);padding:4px 12px;font-weight:700;display:inline-flex}.quiz-start__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);letter-spacing:-.01em;font-weight:800}.quiz-start__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--space-8);line-height:1.6}.quiz-start__info{justify-content:center;gap:var(--space-10);margin-bottom:var(--space-8);padding:var(--space-6) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.quiz-start__stat{flex-direction:column;align-items:center;display:flex}.quiz-start__stat-number{font-size:var(--font-size-3xl);color:var(--color-accent);font-weight:800;line-height:1.1}.quiz-start__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-weight:600}.quiz-start__rules{gap:var(--space-3);max-width:440px;margin:0 auto var(--space-8);text-align:left;flex-direction:column;display:flex}.quiz-rule-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text);display:flex}.quiz-scoreboard{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quiz-scoreboard__left{flex-direction:column;display:flex}.quiz-scoreboard__title{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.quiz-scoreboard__topic{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:600}.quiz-scoreboard__right{align-items:center;gap:var(--space-2);display:flex}.quiz-streak-badge{color:#f59e0b;border-radius:var(--radius-full);font-size:var(--font-size-xs);background:#f59e0b26;border:1px solid #f59e0b4d;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.quiz-points-pill{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.quiz-progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-2);overflow:hidden}.quiz-progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.quiz-question-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);justify-content:space-between;display:flex}.quiz-question-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.quiz-question__text{font-size:var(--font-size-lg);margin-bottom:var(--space-6);color:var(--color-text);font-weight:700;line-height:1.5}.quiz-options{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.quiz-feedback-correct{align-items:center;gap:var(--space-2);color:var(--color-risk-low);font-weight:700;display:flex}.quiz-feedback-incorrect{align-items:center;gap:var(--space-2);color:var(--color-risk-critical);font-weight:700;display:flex}.quiz-streak-tag{color:#f59e0b;border-radius:var(--radius-full);font-size:var(--font-size-xs);margin-left:var(--space-2);background:#f59e0b33;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.quiz-results{text-align:center;padding:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.quiz-results__trophy{margin-bottom:var(--space-3)}.quiz-results__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);font-weight:800}.quiz-results__score-box{margin-bottom:var(--space-4)}.quiz-results__score-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600;display:block}.quiz-results__score-val{font-size:var(--font-size-5xl);font-weight:900;line-height:1}.quiz-results__score-max{font-size:var(--font-size-2xl);color:var(--color-text-muted);font-weight:600}.quiz-results__level-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--space-3);border:1.5px solid;padding:6px 16px;display:inline-flex}.quiz-results__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-8);line-height:1.5}.quiz-results__stats-grid{gap:var(--space-4);max-width:500px;margin:0 auto var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.quiz-results__stat-card{padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.quiz-results__stat-num{font-size:var(--font-size-2xl);font-weight:800;line-height:1.1}.quiz-results__stat-lbl{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.quiz-results__weak-box{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8);text-align:left;border-left:4px solid #f59e0b}.quiz-results__weak-header{align-items:center;gap:var(--space-2);color:#f59e0b;margin-bottom:var(--space-2);font-weight:700;display:flex}.quiz-results__weak-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.quiz-results__topic-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.quiz-results__topic-pill{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-accent);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.quiz-results__topic-pill:hover{border-color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-1px)}.quiz-results__perfect-box{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-risk-low-bg);border:1px solid var(--color-risk-low-border);border-radius:var(--radius-lg);color:var(--color-risk-low);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-8);display:flex}.quiz-results__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=768px){.quiz-start{padding:var(--space-6)}.quiz-start__info{gap:var(--space-6)}.quiz-question-card{padding:var(--space-5)}.quiz-results{padding:var(--space-6)}.quiz-results__stats-grid{gap:var(--space-2);grid-template-columns:1fr}.quiz-results__actions{flex-direction:column}}.cf-hero__icon{border-radius:var(--radius-xl);color:#f59e0b;width:72px;height:72px;margin:0 auto var(--space-6);background:#f59e0b1a;justify-content:center;align-items:center;display:flex}.cf-sample-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-8);background:#f59e0b14;border:1px solid #f59e0b33;display:flex}.cf-sample-banner svg{color:var(--color-risk-medium);flex-shrink:0;margin-top:2px}.cf-sample-banner strong{color:var(--color-risk-medium);margin-bottom:var(--space-1);font-size:var(--font-size-sm);display:block}.cf-sample-banner p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cf-key-findings{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.cf-key-card{text-align:center;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.cf-key-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.cf-key-card__icon{color:var(--color-accent);margin-bottom:var(--space-3)}.cf-key-card__stat{font-size:var(--font-size-3xl);color:var(--color-accent);margin-bottom:var(--space-1);font-weight:800;display:block}.cf-key-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.cf-charts-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.cf-chart-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.cf-chart-card--full{grid-column:1/-1}.cf-chart-title{font-size:var(--font-size-base);margin-bottom:var(--space-5);color:var(--color-text);font-weight:700}.cf-chart-container{height:300px;position:relative}@media (width<=1024px){.cf-key-findings{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cf-key-findings{gap:var(--space-3);grid-template-columns:1fr 1fr}.cf-key-card{padding:var(--space-4)}.cf-key-card__stat{font-size:var(--font-size-2xl)}.cf-charts-grid{grid-template-columns:1fr}.cf-chart-container{height:250px}}.auth-page{min-height:calc(100vh - var(--navbar-height));padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--font-size-xs);margin-bottom:var(--space-3);padding:4px 12px;font-weight:600;display:inline-flex}.auth-card__title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-1);flex-direction:column;display:flex}.auth-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.auth-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.auth-error{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-risk-critical);font-size:var(--font-size-xs);background:#ef44441a;border:1px solid #ef444440;display:flex}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-accent);margin-left:4px;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-privacy-notice{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.4}.dashboard-header{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;display:flex}.dashboard-user-info{align-items:center;gap:var(--space-5);flex:auto;min-width:0;display:flex}.dashboard-user-details{flex:auto;min-width:0;overflow:hidden}.dashboard-avatar{border-radius:var(--radius-full);background:var(--color-accent-light);width:64px;height:64px;color:var(--color-accent);font-size:var(--font-size-2xl);border:2px solid var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.dashboard-name{font-size:var(--font-size-2xl);color:var(--color-text);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:2px;font-weight:700}.dashboard-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word}.dashboard-stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;min-width:0;display:flex}.dashboard-stat-card__top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.dashboard-stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dashboard-stat-card__val{font-size:var(--font-size-3xl);color:var(--color-text);overflow-wrap:anywhere;font-weight:800}.dashboard-stat-card__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.dashboard-sections{gap:var(--space-8);grid-template-columns:1.2fr 1fr;display:grid}.dashboard-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);box-sizing:border-box;min-width:0}.dashboard-panel__title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);overflow-wrap:anywhere;font-weight:700;display:flex}.dashboard-panel__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);overflow-wrap:anywhere}.dashboard-achievements-list{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-achievement-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-alt);transition:all var(--transition-fast);box-sizing:border-box;min-width:0;display:flex}.dashboard-achievement-item--unlocked{background:var(--color-bg-card);border-color:var(--color-accent)}.dashboard-achievement-item--locked{opacity:.6}.dashboard-achievement-icon{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.dashboard-achievement-info{flex-grow:1;min-width:0}.dashboard-achievement-name{font-size:var(--font-size-sm);color:var(--color-text);overflow-wrap:anywhere;word-break:break-word;margin-bottom:2px;font-weight:700}.dashboard-achievement-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word}.dashboard-achievement-tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:600}.dashboard-achievement-tag--unlocked{background:var(--color-accent-light);color:var(--color-accent)}.dashboard-achievement-tag--locked{background:var(--color-border);color:var(--color-text-muted)}.dashboard-cta-box{margin-top:var(--space-8);background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);box-sizing:border-box;display:flex}.dashboard-cta-box>div{flex:auto;min-width:0}.dashboard-cta-box h4{font-size:var(--font-size-base);color:var(--color-accent);overflow-wrap:anywhere;margin-bottom:2px;font-weight:700}.dashboard-cta-box p{font-size:var(--font-size-xs);color:var(--color-text);overflow-wrap:anywhere;margin:0}@media (width<=1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-sections{grid-template-columns:1fr}}@media (width<=768px){.dashboard-header{padding:var(--space-6);align-items:flex-start;gap:var(--space-4);flex-direction:column}.dashboard-user-info{width:100%}.dashboard-header .btn{align-self:flex-start}.dashboard-panel{padding:var(--space-6)}}@media (width<=480px){.dashboard-header{padding:var(--space-4);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.dashboard-user-info{gap:var(--space-3)}.dashboard-avatar{width:48px;height:48px;font-size:var(--font-size-xl)}.dashboard-name{font-size:var(--font-size-lg)}.dashboard-email{font-size:var(--font-size-xs)}.dashboard-stats-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr}.dashboard-stat-card{padding:var(--space-4)}.dashboard-panel{padding:var(--space-4);border-radius:var(--radius-xl)}.dashboard-achievement-item{gap:var(--space-3);padding:var(--space-3)}.dashboard-achievement-icon{width:36px;height:36px;font-size:20px}.dashboard-cta-box{padding:var(--space-4);flex-direction:column;align-items:flex-start}.dashboard-cta-box .btn{justify-content:center;width:100%}}