:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ph-color-bg:#07100f;--ph-color-bg-subtle:#0a1414;--ph-color-surface:#0d1818;--ph-color-surface-raised:#101f22;--ph-color-surface-glass:#101f22c7;--ph-color-input:#ffffff09;--ph-color-border:#8aa7a42e;--ph-color-border-strong:#20d7ff61;--ph-color-text:#e7fff8;--ph-color-text-muted:#8aa7a4;--ph-color-text-disabled:#526a68;--ph-color-primary:#20d7ff;--ph-color-secondary:#29f19c;--ph-color-accent:#9df8d1;--ph-color-success:#29f19c;--ph-color-info:#20d7ff;--ph-color-warning:#f4c95d;--ph-color-danger:#ff657a;--ph-color-overlay:#000000b8;--ph-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ph-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ph-text-display:clamp(40px, 5vw, 64px);--ph-text-h1:clamp(34px, 4vw, 52px);--ph-text-h2:32px;--ph-text-h3:24px;--ph-text-h4:18px;--ph-text-body-lg:17px;--ph-text-body:15px;--ph-text-small:13px;--ph-text-caption:12px;--ph-line-tight:1.08;--ph-line-normal:1.5;--ph-line-relaxed:1.65;--ph-weight-regular:400;--ph-weight-medium:600;--ph-weight-semibold:700;--ph-weight-bold:800;--ph-weight-heavy:900;--ph-letter-normal:0;--ph-space-1:4px;--ph-space-2:8px;--ph-space-3:12px;--ph-space-4:16px;--ph-space-5:20px;--ph-space-6:24px;--ph-space-8:32px;--ph-space-10:40px;--ph-space-12:48px;--ph-space-16:64px;--ph-radius-xs:4px;--ph-radius-sm:6px;--ph-radius-md:8px;--ph-radius-lg:12px;--ph-radius-pill:999px;--ph-border:1px solid var(--ph-color-border);--ph-border-strong:1px solid var(--ph-color-border-strong);--ph-shadow-sm:0 8px 28px #0000002e;--ph-shadow-md:0 18px 56px #00000042;--ph-shadow-lg:0 28px 96px #0000005c;--ph-glass-blur:blur(18px);--ph-duration-fast:.12s;--ph-duration-base:.18s;--ph-duration-slow:.26s;--ph-ease:cubic-bezier(.2, .8, .2, 1);--ph-control-sm:34px;--ph-control-md:42px;--ph-control-lg:48px;--ph-input-height:44px;--ph-button-height:42px;--ph-card-padding:24px;--ph-container-sm:720px;--ph-container-md:960px;--ph-container-lg:1180px;--ph-container-xl:1320px;--ph-z-base:1;--ph-z-sticky:10;--ph-z-drawer:40;--ph-z-modal:60;--ph-z-toast:80}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ph-color-bg:#f6fbfa;--ph-color-bg-subtle:#eef7f5;--ph-color-surface:#fff;--ph-color-surface-raised:#f9fdfc;--ph-color-surface-glass:#ffffffd1;--ph-color-input:#fff;--ph-color-border:#173a3a29;--ph-color-border-strong:#0087aa61;--ph-color-text:#07100f;--ph-color-text-muted:#4f6966;--ph-color-text-disabled:#8ba09d;--ph-color-overlay:#050c0c85}@media (width<=1100px){:root{--ph-card-padding:20px}}@media (width<=720px){:root{--ph-card-padding:16px}}.phds-button,.phds-icon-button{min-height:var(--ph-button-height);border:var(--ph-border);border-radius:var(--ph-radius-md);justify-content:center;align-items:center;gap:var(--ph-space-2);padding:0 var(--ph-space-4);color:var(--ph-color-text);font:inherit;font-weight:var(--ph-weight-bold);cursor:pointer;transition:background var(--ph-duration-base) var(--ph-ease), border-color var(--ph-duration-base) var(--ph-ease), box-shadow var(--ph-duration-base) var(--ph-ease), transform var(--ph-duration-base) var(--ph-ease);background:0 0;display:inline-flex}.phds-button:hover,.phds-icon-button:hover{border-color:var(--ph-color-border-strong);transform:translateY(-1px)}.phds-button:disabled,.phds-icon-button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.35);box-shadow:none;transform:none}.phds-button--primary{color:#031413;background:linear-gradient(135deg, var(--ph-color-secondary), var(--ph-color-primary));border-color:#0000;box-shadow:0 10px 28px #20d7ff1f}.phds-button--secondary{color:#031413;background:linear-gradient(135deg, var(--ph-color-secondary), var(--ph-color-primary));border-color:#0000;box-shadow:0 10px 28px #29f19c1f}.phds-button--ghost{background:#ffffff06}.phds-button--danger{color:var(--ph-color-danger);border-color:#ff657a73}.phds-button--success{color:#031413;background:var(--ph-color-success);border-color:#0000}.phds-button--full{width:100%}.phds-button--sm{min-height:var(--ph-control-sm);padding-inline:var(--ph-space-3);font-size:var(--ph-text-small)}.phds-button--lg{min-height:var(--ph-control-lg);padding-inline:var(--ph-space-5)}.phds-icon-button{width:var(--ph-control-md);padding:0}.phds-field{gap:var(--ph-space-2);display:grid}.phds-label{color:var(--ph-color-text);font-size:var(--ph-text-small);font-weight:var(--ph-weight-bold)}.phds-input,.phds-textarea,.phds-select{width:100%;min-height:var(--ph-input-height);border:var(--ph-border);border-radius:var(--ph-radius-md);background:var(--ph-color-input);color:var(--ph-color-text);padding:0 var(--ph-space-4);transition:border-color var(--ph-duration-base) var(--ph-ease), box-shadow var(--ph-duration-base) var(--ph-ease), background var(--ph-duration-base) var(--ph-ease);outline:none}.phds-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--ph-color-input)}.phds-select option{color:var(--ph-color-text);background:#0b1716}.phds-textarea{min-height:112px;padding-block:var(--ph-space-3);resize:vertical}.phds-input:focus,.phds-textarea:focus,.phds-select:focus{border-color:var(--ph-color-border-strong);box-shadow:0 0 0 3px #20d7ff1f}.phds-input::placeholder,.phds-textarea::placeholder{color:var(--ph-color-text-muted)}.phds-check,.phds-radio{align-items:center;gap:var(--ph-space-2);color:var(--ph-color-text);font-size:var(--ph-text-small);font-weight:var(--ph-weight-semibold);display:inline-flex}.phds-check input,.phds-radio input{width:16px;height:16px;accent-color:var(--ph-color-primary)}.phds-toggle{border:var(--ph-border);border-radius:var(--ph-radius-pill);background:var(--ph-color-input);width:42px;height:24px;position:relative}.phds-toggle:after{content:"";background:var(--ph-color-text-muted);width:16px;height:16px;transition:transform var(--ph-duration-base) var(--ph-ease), background var(--ph-duration-base) var(--ph-ease);border-radius:50%;position:absolute;top:3px;left:3px}.phds-toggle[data-checked=true]:after{background:var(--ph-color-primary);transform:translate(18px)}.phds-card{border:var(--ph-border);border-radius:var(--ph-radius-md);background:linear-gradient(180deg, var(--ph-color-surface-glass), #07100fb8);box-shadow:var(--ph-shadow-sm);padding:var(--ph-card-padding)}.phds-card--elevated{background:var(--ph-color-surface-raised);box-shadow:var(--ph-shadow-md)}.phds-feature-card,.phds-choice-card,.phds-metric-card,.phds-empty-card{border:var(--ph-border);border-radius:var(--ph-radius-md);min-height:88px;padding:var(--ph-space-4);color:var(--ph-color-text);transition:border-color var(--ph-duration-base) var(--ph-ease), background var(--ph-duration-base) var(--ph-ease), transform var(--ph-duration-base) var(--ph-ease), box-shadow var(--ph-duration-base) var(--ph-ease);background:#ffffff09}.phds-feature-card,.phds-metric-card,.phds-empty-card{align-content:start;gap:var(--ph-space-2);display:grid}.phds-feature-card:hover,.phds-choice-card:hover{border-color:var(--ph-color-border-strong);background:#ffffff0d;transform:translateY(-1px)}.phds-choice-card{gap:var(--ph-space-3);text-align:left;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;width:100%;min-height:116px;display:grid}.phds-choice-card span{gap:var(--ph-space-1);display:grid}.phds-choice-card[data-selected=true]{border-color:var(--ph-color-border-strong);box-shadow:var(--ph-shadow-sm);background:#20d7ff12}.phds-choice-card svg,.phds-feature-card svg{color:var(--ph-color-primary)}.phds-choice-card strong,.phds-feature-card strong,.phds-metric-card strong{color:var(--ph-color-text);line-height:1.2}.phds-choice-card small,.phds-feature-card small,.phds-empty-card p{color:var(--ph-color-text-muted);line-height:var(--ph-line-normal);display:block}.phds-empty-state,.phds-loading-state{align-content:center;place-items:center;gap:var(--ph-space-3);border:var(--ph-border);border-radius:var(--ph-radius-md);min-height:220px;padding:var(--ph-space-6);text-align:center;color:var(--ph-color-text-muted);background:linear-gradient(180deg, var(--ph-color-surface-glass), #07100fb8);display:grid}.phds-empty-state svg,.phds-loading-state svg{color:var(--ph-color-primary)}.phds-empty-state h3,.phds-empty-state p,.phds-loading-state p{margin:0}.phds-empty-state h3{color:var(--ph-color-text)}.phds-loader-ring{border-radius:var(--ph-radius-pill);border:3px solid #29f19c2e;border-top-color:var(--ph-color-secondary);width:34px;height:34px;animation:.85s linear infinite phds-spin}.phds-page-header{gap:var(--ph-space-3);padding:var(--ph-space-12) 0 var(--ph-space-6);display:grid}.phds-page-header>div{justify-content:space-between;align-items:flex-end;gap:var(--ph-space-4);display:flex}.phds-page-header h1{max-width:920px;font-size:var(--ph-text-h1);line-height:var(--ph-line-tight);margin:0}.phds-page-header p{max-width:760px;color:var(--ph-color-text-muted);font-size:var(--ph-text-body-lg);line-height:var(--ph-line-relaxed);margin:0}.phds-page-header__actions{gap:var(--ph-space-2);flex-wrap:wrap;display:flex}.phds-choice-info{border:var(--ph-border);width:20px;height:20px;color:var(--ph-color-primary);font-size:11px;font-style:normal;font-weight:var(--ph-weight-heavy);border-radius:50%;place-items:center;display:grid}.phds-badge,.phds-status{align-items:center;gap:var(--ph-space-1);border:var(--ph-border);border-radius:var(--ph-radius-pill);width:fit-content;color:var(--ph-color-text-muted);font-size:var(--ph-text-caption);font-weight:var(--ph-weight-bold);background:#ffffff08;padding:5px 9px;display:inline-flex}.phds-alert{border:var(--ph-border);border-radius:var(--ph-radius-md);padding:var(--ph-space-3) var(--ph-space-4);color:var(--ph-color-text);background:#ffffff09}.phds-alert--danger{color:var(--ph-color-danger);border-color:#ff657a66}.phds-alert--success{color:var(--ph-color-success);border-color:#29f19c5c}.phds-alert--warning{color:var(--ph-color-warning);border-color:#f4c95d66}.phds-alert--info{color:var(--ph-color-info);border-color:#20d7ff5c}.phds-progress{border-radius:var(--ph-radius-pill);background:#ffffff14;height:6px;overflow:hidden}.phds-progress span{height:100%;width:var(--ph-progress,0%);border-radius:inherit;background:var(--ph-color-primary);transition:width var(--ph-duration-base) var(--ph-ease);display:block}.phds-password-strength{gap:var(--ph-space-2);border:var(--ph-border);border-radius:var(--ph-radius-md);min-height:100%;padding:var(--ph-space-3);color:var(--ph-color-text-muted);font-size:var(--ph-text-caption);background:#ffffff09;display:grid}.phds-password-strength__head{justify-content:space-between;align-items:center;gap:var(--ph-space-2);color:var(--ph-color-text);font-weight:var(--ph-weight-bold);display:flex}.phds-password-strength__item[data-ok=true]{color:var(--ph-color-primary);font-weight:var(--ph-weight-bold)}.phds-avatar{border-radius:var(--ph-radius-md);object-fit:cover;border:var(--ph-border);background:var(--ph-color-input);width:40px;height:40px}.phds-profile-chip{align-items:center;gap:var(--ph-space-2);border:var(--ph-border);border-radius:var(--ph-radius-pill);background:#ffffff08;padding:6px 10px;display:inline-flex}.phds-skeleton{border-radius:var(--ph-radius-sm);background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a) 0 0/200% 100%;min-height:16px;animation:1.2s linear infinite phds-shimmer}.phds-table{border-collapse:collapse;border:var(--ph-border);border-radius:var(--ph-radius-md);background:var(--ph-color-surface);width:100%;overflow:hidden}.phds-table th,.phds-table td{padding:var(--ph-space-3) var(--ph-space-4);border-bottom:var(--ph-border);text-align:left}.phds-tabs,.phds-breadcrumb,.phds-pagination{align-items:center;gap:var(--ph-space-2);flex-wrap:wrap;display:flex}.phds-modal-backdrop,.phds-drawer-backdrop{z-index:var(--ph-z-modal);padding:var(--ph-space-4);background:var(--ph-color-overlay);-webkit-backdrop-filter:var(--ph-glass-blur);backdrop-filter:var(--ph-glass-blur);place-items:center;display:grid;position:fixed;inset:0}.phds-modal,.phds-drawer{width:min(640px,100%);max-height:min(760px,92vh);overflow:auto}.phds-drawer{height:100%;max-height:none;margin-left:auto}.phds-tooltip{border:var(--ph-border);border-radius:var(--ph-radius-sm);padding:var(--ph-space-2);background:var(--ph-color-surface-raised);color:var(--ph-color-text);font-size:var(--ph-text-caption);box-shadow:var(--ph-shadow-md)}.phds-accordion{gap:var(--ph-space-2);display:grid}.phds-kicker{color:var(--ph-color-primary);font-size:var(--ph-text-caption);font-weight:var(--ph-weight-bold);text-transform:uppercase}.phds-section-head{justify-content:space-between;align-items:flex-start;gap:var(--ph-space-4);margin-bottom:var(--ph-space-4);display:flex}.phds-section-head h2{margin:var(--ph-space-1) 0 0;font-size:var(--ph-text-h4);line-height:var(--ph-line-tight)}.phds-section-head p{margin:var(--ph-space-2) 0 0;color:var(--ph-color-text-muted)}.phds-xp-summary{align-items:center;gap:var(--ph-space-4);background:radial-gradient(circle at 12% 20%,#29f19c1f,#0000 30%),linear-gradient(#101f22eb,#07100fe0);grid-template-columns:minmax(0,1fr) minmax(180px,1.4fr) auto;display:grid}.phds-xp-summary strong{margin-top:var(--ph-space-1);font-size:var(--ph-text-h3);line-height:var(--ph-line-tight);display:block}.phds-xp-summary small,.phds-skill-row small,.phds-roadmap__item small,.phds-mission small,.phds-timeline-item small{color:var(--ph-color-text-muted)}.phds-xp-summary .phds-badge{align-items:center;gap:var(--ph-space-1);display:inline-flex}.phds-roadmap,.phds-mission-board,.phds-skill-matrix,.phds-timeline-card,.phds-roadmap__list,.phds-mission-board{gap:var(--ph-space-3);display:grid}.phds-roadmap__item,.phds-mission,.phds-timeline-item{align-items:center;gap:var(--ph-space-3);border:var(--ph-border);border-radius:var(--ph-radius-md);padding:var(--ph-space-3);background:#ffffff06;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.phds-mission[data-complete=true]{background:#29f19c0e;border-color:#29f19c6b}.phds-roadmap__item svg,.phds-section-head svg{color:var(--ph-color-primary)}.phds-roadmap__item[data-status=locked]{opacity:.72}.phds-roadmap__item>div,.phds-mission>div,.phds-timeline-item>div{gap:var(--ph-space-1);display:grid}.phds-skill-row{align-items:center;gap:var(--ph-space-3);padding:var(--ph-space-2) 0;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) 44px;display:grid}.phds-timeline-item{grid-template-columns:auto minmax(0,1fr)}.phds-timeline-dot{background:var(--ph-color-primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #20d7ff1f}.phds-insight-grid{gap:var(--ph-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=860px){.phds-xp-summary,.phds-insight-grid,.phds-skill-row{grid-template-columns:1fr}.phds-page-header>div{align-items:start;display:grid}}.phds-container{width:min(var(--ph-container-lg), calc(100% - 32px));margin-inline:auto}.phds-container--sm{width:min(var(--ph-container-sm), calc(100% - 32px))}.phds-container--md{width:min(var(--ph-container-md), calc(100% - 32px))}.phds-container--xl{width:min(var(--ph-container-xl), calc(100% - 32px))}.phds-stack{gap:var(--ph-space-4);display:grid}.phds-stack--sm{gap:var(--ph-space-2)}.phds-stack--lg{gap:var(--ph-space-6)}.phds-grid{gap:var(--ph-space-4);display:grid}.phds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.phds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.phds-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.phds-header{z-index:var(--ph-z-sticky);border-bottom:var(--ph-border);-webkit-backdrop-filter:var(--ph-glass-blur);backdrop-filter:var(--ph-glass-blur);background:#07100fe0;position:sticky;top:0}.phds-sidebar-layout{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.phds-sidebar{border-right:var(--ph-border);background:var(--ph-color-bg);height:100vh;padding:var(--ph-space-5);position:sticky;top:0}.phds-content{padding:var(--ph-space-8)}.phds-dashboard-layout,.phds-profile-layout,.phds-admin-layout,.phds-creator-layout,.phds-lab-layout,.phds-leaderboard-layout{gap:var(--ph-space-6);display:grid}.phds-auth-shell{width:100%;min-height:100vh;padding:var(--ph-space-8) var(--ph-space-4);place-items:center;margin:0;display:grid}.phds-auth-nav+.phds-auth-shell{min-height:calc(100vh - 74px);padding-top:var(--ph-space-6)}.phds-auth-nav{z-index:var(--ph-z-sticky);border-bottom:var(--ph-border);-webkit-backdrop-filter:var(--ph-glass-blur);backdrop-filter:var(--ph-glass-blur);background:#07100fdb;position:sticky;top:0}.phds-auth-nav__inner{width:min(var(--ph-container-xl), calc(100% - 32px));align-items:center;gap:var(--ph-space-4);grid-template-columns:auto minmax(0,1fr) auto;min-height:68px;margin-inline:auto;display:grid}.phds-auth-nav__brand{align-items:center;min-width:max-content;display:inline-flex}.phds-auth-nav__brand .brand-mark img{width:108px;height:38px}.phds-auth-nav__links{justify-content:center;align-items:center;gap:var(--ph-space-3);min-width:0;display:flex}.phds-auth-nav__toggle{width:var(--ph-control-md);min-height:var(--ph-control-md);border:var(--ph-border);border-radius:var(--ph-radius-md);color:var(--ph-color-text);background:#ffffff09;justify-content:center;align-items:center;display:none}.phds-auth-nav__links a{color:var(--ph-color-text-muted);font-size:var(--ph-text-small);font-weight:var(--ph-weight-bold);white-space:nowrap}.phds-auth-nav__links a:hover,.phds-auth-nav__links a.active{color:var(--ph-color-primary)}.phds-auth-nav__actions{justify-content:flex-end;align-items:center;gap:var(--ph-space-2);min-width:max-content;display:flex}.phds-auth-card{border:var(--ph-border);border-radius:var(--ph-radius-md);background:linear-gradient(180deg, var(--ph-color-surface-glass), #07100fd6);width:min(1080px,100%);box-shadow:var(--ph-shadow-lg);-webkit-backdrop-filter:var(--ph-glass-blur);backdrop-filter:var(--ph-glass-blur);grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);padding:0;display:grid;overflow:hidden}.phds-auth-side{min-height:560px;padding:var(--ph-space-8);justify-content:space-between;gap:var(--ph-space-6);border-right:var(--ph-border);background:linear-gradient(#0a1818c2,#07100f85);flex-direction:column;display:flex}.phds-auth-brand-block{gap:var(--ph-space-6);align-content:start;display:grid}.phds-auth-side h1{max-width:430px;font-size:var(--ph-text-h1);line-height:var(--ph-line-tight);letter-spacing:var(--ph-letter-normal);margin:0}.phds-auth-side p{max-width:410px;color:var(--ph-color-text-muted);line-height:var(--ph-line-relaxed);font-size:var(--ph-text-body);margin:0}.phds-auth-divider{background:var(--ph-color-border);width:100%;height:1px}.phds-auth-features{gap:var(--ph-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.phds-auth-quote{color:var(--ph-color-text);font-size:20px;font-weight:var(--ph-weight-heavy);margin:0;line-height:1.28}.phds-auth-form{width:100%;padding:var(--ph-space-8);align-self:center}.phds-auth-form form{gap:var(--ph-space-4);display:grid}.phds-auth-heading{margin-bottom:var(--ph-space-6)}.phds-auth-heading h2{font-size:var(--ph-text-h2);line-height:var(--ph-line-tight);margin:0}.phds-auth-heading p{margin:var(--ph-space-2) 0 0;color:var(--ph-color-text-muted);font-size:var(--ph-text-body);line-height:var(--ph-line-normal)}.phds-auth-password-row{gap:var(--ph-space-4);grid-template-columns:minmax(0,1fr) 240px;align-items:start;display:grid}.phds-auth-links{justify-content:space-between;gap:var(--ph-space-3);flex-wrap:wrap;display:flex}.phds-auth-legal{gap:var(--ph-space-2);border:var(--ph-border);border-radius:var(--ph-radius-md);padding:var(--ph-space-3);background:#ffffff09;display:grid}.phds-auth-legal-links{gap:var(--ph-space-3);flex-wrap:wrap;padding-left:24px;display:flex}.phds-auth-legal-links button{color:var(--ph-color-primary);cursor:pointer;font-weight:var(--ph-weight-bold);background:0 0;border:0;padding:0}@media (width<=1100px){.phds-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.phds-auth-nav__inner{gap:var(--ph-space-3);padding-block:var(--ph-space-2);grid-template-columns:1fr auto auto}.phds-auth-nav__toggle{display:inline-flex}.phds-auth-nav__links{padding:var(--ph-space-3);border:var(--ph-border);border-radius:var(--ph-radius-md);background:#07100ff5;flex-wrap:wrap;order:3;grid-column:1/-1;justify-content:flex-start;display:none}.phds-auth-nav.is-open .phds-auth-nav__links{display:flex}.phds-auth-nav__actions{grid-area:1/3}.phds-auth-card{grid-template-columns:1fr}.phds-auth-side{border-right:0;border-bottom:var(--ph-border);min-height:auto}}@media (width<=720px){.phds-sidebar-layout{grid-template-columns:1fr}.phds-sidebar{height:auto;position:relative}.phds-content{padding:var(--ph-space-4)}.phds-grid--2,.phds-grid--3,.phds-grid--4,.phds-auth-features,.phds-auth-password-row{grid-template-columns:1fr}.phds-auth-shell{min-height:auto;padding:var(--ph-space-4)}.phds-auth-nav+.phds-auth-shell{min-height:auto;padding-top:var(--ph-space-4)}.phds-auth-nav__inner{width:min(100% - 24px, var(--ph-container-xl))}.phds-auth-nav__brand .brand-mark img{width:92px}.phds-auth-nav__brand .brand-mark strong{font-size:14px}.phds-auth-nav__brand .brand-mark small{font-size:11px}.phds-auth-nav__actions .phds-button--secondary{display:none}.phds-auth-nav__actions .phds-button{min-height:36px;padding-inline:var(--ph-space-3)}.phds-auth-side,.phds-auth-form{padding:var(--ph-space-6)}.phds-auth-brand-block{gap:var(--ph-space-5)}}.phds-text-display{font-size:var(--ph-text-display);line-height:var(--ph-line-tight)}.phds-text-h1{font-size:var(--ph-text-h1);line-height:var(--ph-line-tight)}.phds-text-h2{font-size:var(--ph-text-h2);line-height:var(--ph-line-tight)}.phds-text-h3{font-size:var(--ph-text-h3);line-height:1.18}.phds-text-h4{font-size:var(--ph-text-h4);line-height:1.25}.phds-text-body-lg{font-size:var(--ph-text-body-lg);line-height:var(--ph-line-relaxed)}.phds-text-body{font-size:var(--ph-text-body);line-height:var(--ph-line-normal)}.phds-text-small{font-size:var(--ph-text-small);line-height:var(--ph-line-normal)}.phds-text-caption{font-size:var(--ph-text-caption);line-height:1.35}.phds-text-code{font-family:var(--ph-font-mono);font-size:var(--ph-text-small);line-height:var(--ph-line-normal)}.phds-muted{color:var(--ph-color-text-muted)}.phds-primary{color:var(--ph-color-primary)}.phds-success{color:var(--ph-color-success)}.phds-danger{color:var(--ph-color-danger)}.phds-warning{color:var(--ph-color-warning)}.phds-full{width:100%}.phds-inline{align-items:center;gap:var(--ph-space-2);display:inline-flex}.phds-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phds-gap-2{gap:var(--ph-space-2)}.phds-gap-3{gap:var(--ph-space-3)}.phds-gap-4{gap:var(--ph-space-4)}.phds-gap-6{gap:var(--ph-space-6)}.phds-p-3{padding:var(--ph-space-3)}.phds-p-4{padding:var(--ph-space-4)}.phds-p-6{padding:var(--ph-space-6)}.phds-p-8{padding:var(--ph-space-8)}@keyframes phds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phds-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phds-shimmer{to{background-position:-200% 0}}.phds-fade-in{animation:phds-fade-in var(--ph-duration-slow) var(--ph-ease) both}.phds-slide-up{animation:phds-slide-up var(--ph-duration-slow) var(--ph-ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--ph-color-bg,#07100f);--panel:var(--ph-color-surface,#0d1818);--panel-2:var(--ph-color-surface-raised,#101f22);--line:var(--ph-color-border,#1d3537);--text:var(--ph-color-text,#e7fff8);--muted:var(--ph-color-text-muted,#8aa7a4);--green:var(--ph-color-secondary,#29f19c);--cyan:var(--ph-color-primary,#20d7ff);--amber:var(--ph-color-warning,#f4c95d);--red:var(--ph-color-danger,#ff657a)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px;overflow-x:hidden}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--ph-font-sans);margin:0;overflow-x:hidden}#root{isolation:isolate;min-height:100vh;position:relative}.app-cyber-background,.app-cyber-background span{pointer-events:none;position:fixed;inset:0}.app-cyber-background{z-index:-1;contain:paint;background:#07100f;overflow:hidden}.cyber-gradient{background:radial-gradient(circle at 12% 14%,#20d7ff1c,#0000 26%),radial-gradient(circle at 78% 18%,#29f19c17,#0000 28%),radial-gradient(circle at 45% 82%,#20d7ff0f,#0000 32%),linear-gradient(145deg,#07100f 0%,#091516 48%,#06100f 100%)}.cyber-grid{opacity:.52;background:linear-gradient(#29f19c0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#20d7ff0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#29f19c05 1px,#0000 1px) 0 0/12px 12px,linear-gradient(90deg,#20d7ff05 1px,#0000 1px) 0 0/12px 12px;animation:40s linear infinite global-grid-drift,8s ease-in-out infinite global-grid-glow;transform:translate(0,0)}.cyber-particles{opacity:.5;background-image:radial-gradient(circle,#29f19c6b 0 1px,#0000 2px),radial-gradient(circle,#20d7ff59 0 1px,#0000 2px),radial-gradient(circle,#e7fff82e 0 1px,#0000 2px);background-position:0 0,42px 80px,160px 30px;background-size:180px 150px,240px 210px,320px 260px;animation:32s linear infinite global-particles-a}.cyber-network{opacity:.34;background:linear-gradient(32deg,#0000 0 44%,#20d7ff1f 45%,#0000 46% 100%) 0 0/620px 420px,linear-gradient(142deg,#0000 0 56%,#29f19c1a 57%,#0000 58% 100%) 0 0/720px 520px,radial-gradient(circle at 18% 28%,#29f19c52 0 2px,#0000 3px) 0 0/620px 420px,radial-gradient(circle at 38% 62%,#20d7ff3d 0 2px,#0000 3px) 0 0/620px 420px,radial-gradient(circle at 74% 35%,#29f19c3d 0 2px,#0000 3px) 0 0/620px 420px,radial-gradient(circle at 86% 72%,#20d7ff33 0 2px,#0000 3px) 0 0/620px 420px;animation:12s ease-in-out infinite global-network-pulse}.cyber-scan{opacity:.28;background:linear-gradient(#0000 0%,#29f19c21 50%,#0000 100%);height:34vh;animation:18s linear infinite global-scan;bottom:auto;transform:translateY(-42vh)}.cyber-glow{opacity:.68;background:radial-gradient(circle at 50% 35%,#29f19c14,#0000 36%),radial-gradient(circle at 65% 70%,#20d7ff0f,#0000 30%);animation:22s ease-in-out infinite global-glow}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,code,pre{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}main{width:min(var(--ph-container-lg), calc(100% - 32px));margin:0 auto}.scroll-section{scroll-margin-top:120px}.navbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07100fad;border-bottom:1px solid #8aa7a42e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:0 28px;transition:background .22s,box-shadow .22s,border-color .22s;display:grid;position:sticky;top:0}.navbar.is-scrolled{background:#07100fd1;border-bottom-color:#00ffc824;box-shadow:0 12px 38px #00000042}.brand{letter-spacing:0;align-items:center;gap:16px;font-weight:900;display:inline-flex}.brand svg{color:var(--green)}.brand span{color:var(--cyan)}.brand-mark{color:var(--text);align-items:center;gap:16px;display:inline-flex}.brand-mark img{object-fit:contain;border-radius:8px;width:48px;height:48px;transition:transform .22s}.brand-mark span{color:var(--text);text-align:left;gap:3px;line-height:1.08;display:grid}.brand-mark strong{color:var(--text);font-size:16px;font-weight:700}.brand-mark small{color:var(--cyan);opacity:.85;font-size:12.5px;font-weight:700;animation:5.5s ease-in-out infinite tagline-soft}.brand:hover .brand-mark img{transform:rotate(2deg)}.brand-mark.compact img{width:40px;height:40px}.brand-mark.compact{gap:12px}.navbar nav,.nav-actions{align-items:center;min-width:0;display:flex}.navbar nav{justify-content:center;gap:clamp(18px,2.1vw,32px)}.nav-actions{justify-content:flex-end;gap:16px}.navbar nav a,.footer nav a{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700;transition:color .22s,text-shadow .22s;position:relative}.navbar nav a:after,.footer nav a:after{content:"";background:var(--cyan);transform-origin:0;border-radius:999px;height:2px;transition:transform .22s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.navbar nav a.active,.navbar nav a:hover,.footer nav a:hover{color:var(--cyan);text-shadow:0 0 18px #20d7ff3d}.navbar nav a.active:after,.navbar nav a:hover:after,.footer nav a:hover:after{transform:scaleX(1)}.nav-toggle{border:1px solid var(--line);width:40px;min-height:40px;color:var(--text);background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;display:none}.home-subnav{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07100fc7;border-bottom:1px solid #1d3537bf;gap:8px;padding:10px 0;display:flex;position:sticky;top:73px;overflow-x:auto}.home-subnav a{border:1px solid var(--line);color:var(--muted);background:#101f229e;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:900}.home-subnav a.active,.home-subnav a:hover{color:#02100d;background:linear-gradient(135deg, var(--green), var(--cyan));border-color:#0000}.primary,.ghost,.danger,.icon-btn,.sidebar-logout{border:1px solid var(--line);color:var(--text);min-height:var(--ph-button-height);border-radius:var(--ph-radius-md);cursor:pointer;transition:border-color var(--ph-duration-base) var(--ph-ease), color var(--ph-duration-base) var(--ph-ease), background var(--ph-duration-base) var(--ph-ease), box-shadow var(--ph-duration-base) var(--ph-ease), transform var(--ph-duration-base) var(--ph-ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.primary{background:linear-gradient(135deg, var(--green), var(--cyan));color:#02100d;border:0;box-shadow:0 10px 28px #20d7ff1f}.primary:hover,.ghost:hover,.danger:hover,.icon-btn:hover,.sidebar-logout:hover{transform:translateY(-1px)}.primary:hover{filter:brightness(1.08);box-shadow:0 0 24px #29f19c2e}.ghost:hover{border-color:var(--cyan);color:var(--cyan);background:#20d7ff0d}.danger{color:var(--red);border-color:#ff657a80}.primary:disabled,.ghost:disabled,.danger:disabled,.icon-btn:disabled,.sidebar-logout:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.big{min-height:48px;padding:0 22px}.full{width:100%}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;min-height:520px;padding:56px 0 28px;display:grid}.eyebrow{color:var(--green);text-transform:uppercase;font-size:13px;font-weight:900}.hero h1{max-width:900px;margin:12px 0;font-size:clamp(38px,5.4vw,66px);line-height:1.03}.page-title h1,.text-page h1{margin:12px 0;font-size:clamp(36px,5vw,62px);line-height:1.05}.hero p,.page-title p,.text-page p{color:var(--muted);max-width:720px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.trust-line{margin-top:18px;font-weight:800;color:var(--green)!important;font-size:14px!important}.terminal-window,.terminal-block{border:1px solid var(--line);color:var(--green);background:#06100f;border-radius:8px;padding:24px;line-height:1.8;overflow:auto;box-shadow:0 22px 80px #00000057,inset 0 0 0 1px #29f19c0f}.terminal-window{align-content:center;min-height:260px;display:grid}.cyan{color:var(--cyan)}.green{color:var(--green)}.section-head{justify-content:space-between;align-items:center;margin:48px 0 18px;display:flex}.section-head a{color:var(--cyan);gap:4px;font-weight:800;display:inline-flex}.grid-3,.grid-4,.lab-grid,.split,.process-grid,.journey-grid,.dashboard-two{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,1fr)}.process-grid.five{grid-template-columns:repeat(5,1fr)}.journey-grid,.dashboard-two,.dashboard-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:repeat(3,1fr);margin:46px 0}.split>div,.panel,.profile-card,.auth-card,.side-panel,.review-item,.empty-state,.stat-card,.challenge-card,.info-card,.welcome-panel,.safety-band,.final-cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ph-radius-md);padding:var(--ph-card-padding);background:#080f12bf;border:1px solid #00ffc81f}.content-band{margin:44px 0}.section-intro{margin:0 0 18px}.section-intro h2{margin:8px 0;font-size:clamp(28px,4vw,42px);line-height:1.1}.section-intro p,.info-card p,.panel p,.safety-band li,.final-cta p{color:var(--muted);line-height:1.65}.info-card{min-height:190px;transition:transform .18s,border-color .18s,box-shadow .18s}.info-card:hover,.stat-card:hover,.profile-card:hover{border-color:#20d7ff8c;transform:translateY(-2px);box-shadow:0 16px 48px #0000003d}.info-card svg{color:var(--cyan)}.timeline{gap:12px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--green), var(--cyan));opacity:.5;width:1px;position:absolute;top:16px;bottom:16px;left:15px}.timeline-item{grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid;position:relative}.timeline-item span{border:1px solid var(--green);width:32px;height:32px;color:var(--green);z-index:1;background:#07100f;border-radius:999px;place-items:center;font-weight:900;display:grid}.timeline-item p{color:var(--text);margin:5px 0 0}.category-cloud{flex-wrap:wrap;gap:10px;display:flex}.category-cloud a,.category-cloud span,.mini-label,.pill-line{border:1px solid var(--line);color:var(--cyan);background:#20d7ff0f;border-radius:999px;padding:8px 12px;font-weight:800}.safety-band,.final-cta,.dashboard-preview,.welcome-panel{margin:44px 0}.community-band{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f12bf;border:1px solid #00ffc81f;border-radius:8px;margin:44px 0;padding:24px;position:relative;overflow:hidden}.community-band>*{position:relative}.community-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.community-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f129e;border:1px solid #20d7ff38;border-radius:8px;align-content:center;gap:9px;min-height:150px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #29f19c0a}.community-stat svg{color:var(--cyan)}.community-stat span{color:var(--muted);font-weight:900}.community-stat strong{color:var(--green);font-size:clamp(26px,4vw,38px)}.safety-band ul{margin:0;padding-left:20px}.featured-wrap{gap:10px;display:grid}.dashboard-preview{align-items:center;gap:20px;display:grid}.final-cta{text-align:center;padding:34px}.final-cta h2{margin:0;font-size:clamp(30px,5vw,48px)}.final-cta .hero-actions{justify-content:center}.stat-card{gap:9px;min-height:126px;display:grid}.stat-card svg{color:var(--cyan)}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{color:var(--green);overflow-wrap:anywhere;font-size:28px}.challenge-card{flex-direction:column;min-height:230px;transition:transform .18s,border-color .18s;display:flex}.challenge-card:hover{border-color:var(--green);transform:translateY(-3px)}.challenge-card p{color:var(--muted);flex:1;line-height:1.55}.challenge-card h3{margin:4px 0 0}.hero{isolation:isolate;min-height:calc(100vh - 126px);padding:clamp(28px,4vh,48px) 0;position:relative}.hero-copy,.hero-terminal-stack{z-index:1;will-change:transform;transition:transform .18s linear;position:relative}.hero-terminal-stack{gap:14px;display:grid}.animated-terminal{border-color:#20d7ff4d;align-content:stretch;min-height:330px;padding:0;overflow:hidden;box-shadow:0 30px 100px #00000061,0 0 42px #20d7ff14,inset 0 0 0 1px #29f19c14}.terminal-chrome{background:#ffffff06;border-bottom:1px solid #1d3537d1;gap:7px;padding:13px 16px;display:flex}.terminal-chrome span{background:var(--red);width:10px;height:10px;box-shadow:18px 0 0 var(--amber), 36px 0 0 var(--green);border-radius:999px}.terminal-stream{background:linear-gradient(#29f19c0a,#0000 24%),repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px);min-height:278px;padding:18px 20px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.65;overflow:hidden}.terminal-cursor-line{height:22px}.terminal-cursor{color:var(--cyan);animation:1s steps(2,start) infinite terminal-blink;display:inline-block}.hero-counters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.hero-counters .community-stat{background:#07100f80;min-height:98px;padding:12px}.hero-counters .community-stat strong{font-size:clamp(19px,2vw,26px)}.hero-counters .community-stat span{font-size:11px}.live-status-panel{background:#07100fa8;border:1px solid #20d7ff38;border-radius:8px;gap:4px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #29f19c0d}.live-status-panel .profile-line{grid-template-columns:1fr auto;align-items:center;padding:7px 0}.live-status-panel .profile-line div,.live-status-panel .profile-line span{color:var(--green);font-weight:900}.scroll-indicator{z-index:2;width:30px;height:46px;color:var(--cyan);background:#07100f59;border:1px solid #8aa7a480;border-radius:999px;place-items:center;transition:opacity .25s,transform .25s;animation:2.4s ease-in-out infinite scroll-pulse;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scroll-indicator span{background:var(--green);border-radius:999px;width:4px;height:9px;animation:1.8s ease-in-out infinite mouse-dot}.scroll-indicator svg{position:absolute;bottom:-18px;transform:rotate(90deg)}.homepage-scrolled .scroll-indicator{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.primary,.ghost,.danger,.icon-btn,.secondary,.filter-chips button{position:relative;overflow:hidden}.primary:after,.ghost:after,.danger:after,.icon-btn:after,.secondary:after,.filter-chips button:after{content:"";opacity:0;background:#ffffff52;border-radius:999px;width:8px;height:8px;position:absolute;inset:50%;transform:translate(-50%,-50%)scale(0)}.primary:active:after,.ghost:active:after,.danger:active:after,.icon-btn:active:after,.secondary:active:after,.filter-chips button:active:after{animation:.45s ease-out button-ripple}.primary:hover,.ghost:hover,.secondary:hover,.filter-chips button:hover{transform:translateY(-2px)rotate(-.35deg)}.animated-divider{color:var(--green);grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:28px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900;display:grid}.animated-divider i{transform-origin:0;background:linear-gradient(90deg,#29f19ccc,#20d7ff4d,#0000);height:1px;animation:3.2s ease-in-out infinite divider-flow}.reveal-ready{opacity:0;filter:blur(8px);transform:translateY(26px)}.reveal-in{opacity:1;filter:blur();transition:opacity .75s,filter .75s,transform .75s;transform:translateY(0)}.reveal-ready:not(.motion-visible) *,.reveal-ready:not(.motion-visible):before,.reveal-ready:not(.motion-visible):after{animation-play-state:paused!important}.animated-journey .timeline{grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px}.animated-journey .timeline:before{width:auto;height:1px;animation:4.4s ease-in-out infinite divider-flow;inset:16px 20px auto}.animated-journey .timeline-item{grid-template-columns:1fr;justify-items:start;gap:10px}.animated-journey .timeline-item span{animation:3.8s ease-in-out infinite journey-node;animation-delay:calc(var(--i,0) * .18s)}.animated-journey .timeline-item:first-child{--i:0}.animated-journey .timeline-item:nth-child(2){--i:1}.animated-journey .timeline-item:nth-child(3){--i:2}.animated-journey .timeline-item:nth-child(4){--i:3}.animated-journey .timeline-item:nth-child(5){--i:4}.animated-journey .timeline-item:nth-child(6){--i:5}.animated-journey .timeline-item:nth-child(7){--i:6}.challenge-card{position:relative;overflow:hidden}.challenge-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000,#29f19ca6,#20d7ff80,#0000);padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.challenge-card:hover{box-shadow:0 18px 54px #00000057,0 0 28px #29f19c14}.challenge-card:hover:before{opacity:1}.challenge-card .badge{animation:4.8s ease-in-out infinite badge-breathe}.challenge-card .card-top span:last-child{position:relative;overflow:hidden}.challenge-card .card-top span:last-child:after,.rank-ladder span:after,.streak-ladder span:after{content:"";background:linear-gradient(110deg,#0000,#ffffff40,#0000);animation:5s ease-in-out infinite shine-sweep;position:absolute;inset:0;transform:translate(-120%)}.dashboard-preview .data-table tr{animation:4s ease-in-out infinite rank-float}.dashboard-preview .data-table tr:nth-child(2){animation-delay:.4s}.dashboard-preview .data-table tr:nth-child(3){animation-delay:.8s}.rank-ladder span,.streak-ladder span{animation:8s ease-in-out infinite badge-orbit;position:relative;overflow:hidden}.rank-ladder span:nth-child(2n),.streak-ladder span:nth-child(2n){animation-delay:-2s}.homepage-showcase{grid-template-columns:.82fr 1.18fr;align-items:center;gap:20px;margin:34px 0;display:grid}.browser-mockup{background:#07100fb8;border:1px solid #20d7ff38;border-radius:8px;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden;box-shadow:0 26px 80px #00000057,inset 0 0 0 1px #29f19c0d}.browser-mockup:hover{border-color:#29f19c80;transform:translateY(-3px);box-shadow:0 30px 90px #00000061,0 0 34px #20d7ff17}.browser-bar{min-height:42px;color:var(--muted);border-bottom:1px solid #1d3537d1;grid-template-columns:10px 10px 10px 1fr;align-items:center;gap:7px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:grid}.browser-bar span{background:var(--red);border-radius:999px;width:10px;height:10px}.browser-bar span:nth-child(2){background:var(--amber)}.browser-bar span:nth-child(3){background:var(--green)}.browser-bar strong{text-overflow:ellipsis;white-space:nowrap;justify-self:end;overflow:hidden}.browser-body{padding:18px}.preview-lab-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-lab-head h3{margin:10px 0 6px;font-size:26px}.preview-lab-head p{color:var(--muted);margin:0}.preview-terminal{border:1px solid var(--line);color:var(--green);overflow-wrap:anywhere;background:linear-gradient(#29f19c0b,#0000 35%),#06100f;border-radius:8px;gap:8px;margin:18px 0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.preview-flag{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.preview-flag input{background:#ffffff09}.interactive-journey{overflow:hidden}.journey-rail{gap:10px;display:grid;position:relative}.journey-rail:before{content:"";background:linear-gradient(var(--green), var(--cyan));opacity:.55;width:1px;animation:4.8s ease-in-out infinite vertical-flow;position:absolute;top:20px;bottom:20px;left:15px}.journey-node-card{border:1px solid #0000;border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:10px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.journey-node-card span{width:32px;height:32px;color:var(--green);z-index:1;background:#07100f;border:1px solid #29f19c94;border-radius:999px;place-items:center;font-weight:900;display:grid}.journey-node-card strong{align-self:center}.journey-node-card p{opacity:0;grid-column:2;max-height:0;margin:-8px 0 0;transition:max-height .2s,opacity .2s,margin .2s;overflow:hidden}.journey-node-card:hover,.journey-node-card:focus-within{background:#20d7ff0a;border-color:#20d7ff47;transform:translate(3px)}.journey-node-card:hover p,.journey-node-card:focus-within p{opacity:1;max-height:80px;margin:0}.workflow-rail,.architecture-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.workflow-node,.architecture-node{border:1px solid var(--line);background:#07100f94;border-radius:8px;align-content:center;gap:8px;min-height:112px;padding:14px;transition:transform .18s,border-color .18s;display:grid;position:relative}.workflow-node:not(:last-child):after,.architecture-node:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--green), var(--cyan));width:10px;height:1px;animation:3s ease-in-out infinite divider-flow;position:absolute;top:50%;right:-10px}.workflow-node:hover,.architecture-node:hover{border-color:#29f19c80;transform:translateY(-3px)}.workflow-node span,.architecture-node span{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900}.dashboard-showcase{grid-template-columns:1fr}.mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mini-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-dashboard .community-stat{min-height:100px;padding:12px}.preview-list{gap:4px;display:grid}.profile-chip-preview{text-align:center;min-height:166px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.profile-chip-preview svg{color:var(--cyan)}.profile-chip-preview strong{color:var(--text)}.home-heatmap{border:1px solid var(--line);background:#07100f94;border-radius:8px;grid-template-columns:repeat(21,minmax(10px,1fr));gap:5px;padding:18px;display:grid}.home-heatmap span{aspect-ratio:1;background:#8aa7a41f;border:1px solid #ffffff08;border-radius:4px;transition:transform .14s,box-shadow .14s;position:relative}.home-heatmap .heat-1{background:#29f19c40}.home-heatmap .heat-2{background:#29f19c6b}.home-heatmap .heat-3{background:#20d7ff8f}.home-heatmap .heat-4{background:var(--green)}.home-heatmap span:hover,.home-heatmap span:focus-visible{transform:scale(1.25);box-shadow:0 0 18px #29f19c38}.home-heatmap span:hover:after,.home-heatmap span:focus-visible:after{content:attr(data-tip);z-index:3;border:1px solid var(--line);width:max-content;max-width:180px;color:var(--text);background:#07100f;border-radius:8px;padding:7px 9px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.leaderboard-panel{border:1px solid var(--line);background:#07100f94;border-radius:8px;gap:10px;padding:16px;display:grid}.leaderboard-row{border:1px solid #8aa7a424;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;animation:4s ease-in-out infinite rank-float;display:grid}.leaderboard-row:nth-child(2){animation-delay:.25s}.leaderboard-row:nth-child(3){animation-delay:.5s}.leaderboard-row:nth-child(4){animation-delay:.75s}.leaderboard-row:nth-child(5){animation-delay:1s}.leaderboard-row span{color:var(--cyan);font-weight:900}.leaderboard-row em{color:var(--green);font-style:normal;font-weight:900}.top-creator-rotator{color:var(--muted);border:1px solid #29f19c40;border-radius:8px;align-items:center;gap:8px;padding:10px;animation:4s ease-in-out infinite badge-breathe;display:flex}.top-creator-rotator svg,.top-creator-rotator strong{color:var(--green)}.badge-cloud{flex-wrap:wrap;align-items:center;gap:12px;min-height:170px;display:flex}.badge-cloud span{color:var(--text);animation:7s ease-in-out infinite badge-float;animation-delay:calc(var(--i) * -.35s);background:#07100fad;border:1px solid #20d7ff40;border-radius:999px;align-items:center;gap:8px;padding:12px 14px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.badge-cloud span:hover{border-color:#29f19c8c;transform:rotate(-2deg)scale(1.06);box-shadow:0 0 24px #29f19c29}.badge-cloud svg{color:var(--cyan)}.comparison-table td,.comparison-table th{text-align:center}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left}.architecture-flow,.testimonial-carousel{overflow:hidden}.testimonial-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.testimonial-track blockquote{border:1px solid var(--line);background:#07100f94;border-radius:8px;margin:0;padding:18px;animation:12s ease-in-out infinite quote-rotate}.testimonial-track blockquote:nth-child(2){animation-delay:4s}.testimonial-track blockquote:nth-child(3){animation-delay:8s}.testimonial-track p{color:var(--text);margin:0 0 12px}.testimonial-track cite{color:var(--cyan);font-style:normal;font-weight:900}@keyframes global-grid-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:96px 48px,48px 96px,24px 12px,12px 24px}}@keyframes global-grid-glow{0%,to{opacity:.42}50%{opacity:.62}}@keyframes global-particles-a{0%{background-position:0 0,42px 80px,160px 30px;transform:translate(0,0)}to{background-position:180px 150px,282px 290px,480px 290px;transform:translate(-42px,28px)}}@keyframes global-network-pulse{0%,to{opacity:.22;transform:scale(1)}50%{opacity:.38;transform:scale(1.015)}}@keyframes global-scan{0%{transform:translateY(-42vh)}to{transform:translateY(118vh)}}@keyframes global-glow{0%,to{opacity:.5;transform:translate(0,0)scale(1)}50%{opacity:.72;transform:translate(2vw,-1vh)scale(1.03)}}@keyframes tagline-soft{0%,to{opacity:.78}50%{opacity:.92}}@keyframes terminal-blink{50%{opacity:0}}@keyframes scroll-pulse{0%,to{box-shadow:0 0 #20d7ff24}50%{box-shadow:0 0 0 8px #20d7ff00}}@keyframes mouse-dot{0%,to{opacity:.35;transform:translateY(-7px)}50%{opacity:1;transform:translateY(7px)}}@keyframes button-ripple{0%{opacity:.8;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(24)}}@keyframes divider-flow{0%{opacity:.28;transform:scaleX(.12)}50%{opacity:.9;transform:scaleX(1)}to{opacity:.28;transform:scaleX(.12)}}@keyframes journey-node{0%,to{border-color:#29f19ca6;box-shadow:0 0 #29f19c00}50%{border-color:var(--cyan);box-shadow:0 0 22px #29f19c38}}@keyframes badge-breathe{0%,to{box-shadow:0 0 #29f19c00}50%{box-shadow:0 0 16px #29f19c29}}@keyframes shine-sweep{0%,40%{transform:translate(-120%)}65%,to{transform:translate(120%)}}@keyframes rank-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes badge-orbit{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.015)}}@keyframes vertical-flow{0%,to{opacity:.32;transform-origin:top;transform:scaleY(.2)}50%{opacity:.85;transform-origin:top;transform:scaleY(1)}}@keyframes badge-float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes quote-rotate{0%,to{border-color:var(--line);transform:translateY(0)}35%{border-color:#20d7ff66;transform:translateY(-3px)}}.category-cloud.compact{gap:6px;margin:4px 0}.category-cloud.compact span{padding:5px 9px;font-size:12px}.skeleton-card span,.skeleton-card h3,.skeleton-card p{background:linear-gradient(90deg,#8aa7a414,#8aa7a42e,#8aa7a414);border-radius:8px;min-height:16px;animation:1.2s ease-in-out infinite phds-pulse;display:block}.skeleton-card h3{width:70%;min-height:28px}.skeleton-card p{width:100%;min-height:44px}.card-top,.card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.filter-chips,.load-more-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;display:flex}.filter-chips span{border:1px solid var(--line);color:var(--cyan);background:#20d7ff0f;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.filter-chips button,.secondary{border:1px solid var(--line);border-radius:var(--ph-radius-md);min-height:36px;color:var(--text);cursor:pointer;background:#07100f8c;padding:0 12px;font-weight:900}.filter-chips button:hover,.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.load-more-row{color:var(--muted);justify-content:center;margin-top:24px;font-weight:800}.detail-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px;display:flex}.badge{border:1px solid var(--line);text-transform:capitalize;border-radius:999px;align-items:center;width:fit-content;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.difficulty-beginner,.difficulty-easy{color:var(--green);border-color:#29f19c73}.difficulty-medium{color:var(--cyan);border-color:#20d7ff73}.difficulty-hard{color:var(--amber);border-color:#f4c95d73}.difficulty-insane,.status-rejected{color:var(--red);border-color:#ff657a80}.status-approved,.status-published{color:var(--green)}.page-title,.text-page{padding:54px 0 28px}.filters{grid-template-columns:28px 1fr 220px 190px;align-items:center;gap:12px;margin:18px 0 24px;display:grid}.lab-filters{grid-template-columns:28px 1.1fr 190px 170px 170px 170px 150px}.feed-filters{grid-template-columns:220px;margin-top:0}input,select,textarea{width:100%;min-height:var(--ph-input-height);background:var(--ph-color-input);border:var(--ph-border);color:var(--text);border-radius:var(--ph-radius-md);transition:border-color var(--ph-duration-base) var(--ph-ease), box-shadow var(--ph-duration-base) var(--ph-ease), background var(--ph-duration-base) var(--ph-ease);outline:none;padding:10px 12px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0b1716}select option{color:var(--text);background:#0b1716}select option:checked{color:var(--green);background:#12312d}textarea{resize:vertical;min-height:116px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20d7ff1f}.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:56px 0;display:grid}.detail-layout article{min-width:0}.detail-layout h1{max-width:900px;margin:16px 0;font-size:clamp(30px,4vw,48px);line-height:1.08}.detail-layout p,.profile-line span,.flag-box small{color:var(--muted);line-height:1.7}.detail-layout article p{max-width:860px}.flag-box{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr minmax(180px,280px) auto;align-items:center;gap:12px;margin:12px 0;padding:16px;display:grid}.flag-box.success{background:#29f19c0d;border-color:#29f19c73}.flag-box.error{background:#ff657a0d;border-color:#ff657a73}.flag-box>span{color:var(--green);font-weight:900}.flag-box.error>span{color:var(--red)}.notice{color:var(--amber);align-items:center;gap:10px;display:flex}.success-note{color:var(--green)}.auth-helper-link{justify-content:center;margin-top:12px;display:inline-flex}.auth-link-row{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:12px;display:flex}.hp-field{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}.danger-note{color:var(--red);background:#ff657a0f;border:1px solid #ff657a59;border-radius:8px;padding:12px}.quality-note{color:var(--green);background:#29f19c0f;border:1px solid #29f19c59;border-radius:8px;margin:12px 0;padding:12px}.lab-hero-panel,.practice-panel,.question-card,.detail-tabs{border:1px solid var(--line);background:#07100f8c;border-radius:10px;margin:0 0 18px;padding:18px}.lab-hero-panel h1{margin-top:12px}.lab-hero-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.icon-btn-text{align-items:center;gap:8px;width:fit-content;display:inline-flex}.practice-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.practice-panel h2{margin:0 0 6px}.practice-panel p{margin:0}.practice-panel small{color:var(--muted);grid-column:1/-1;font-weight:800}.mode-toggle,.tab-nav{border:1px solid var(--line);background:#0000002e;border-radius:999px;gap:6px;padding:4px;display:inline-flex}.mode-toggle button,.tab-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:900}.mode-toggle button.active,.tab-nav button.active{color:#02100d;background:linear-gradient(135deg, var(--green), var(--cyan))}.session-start{background:#f4c95d0d;border:1px solid #f4c95d40;border-radius:8px;flex-wrap:wrap;justify-content:space-between;padding:12px}.lab-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px;display:grid}.lab-progress span{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:8px;padding:12px;font-weight:900}.hint-card{background:#20d7ff0a;border:1px solid #20d7ff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.hint-card.pending{background:#f4c95d0f;border-color:#f4c95d66}.hint-card small{color:var(--muted);margin-top:3px;line-height:1.55;display:block}.hint-card.muted{color:var(--muted);justify-content:flex-start}.detail-tabs{gap:16px;display:grid}.tab-nav{width:fit-content}.related-labs{margin-top:0}.quality-chip{width:fit-content;color:var(--green);background:#29f19c0f;border:1px solid #29f19c59;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.verification-badge{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#8aa7a412;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.tier-reviewed{color:var(--cyan);background:#20d7ff14;border-color:#20d7ff61}.tier-verified{color:var(--green);background:#29f19c17;border-color:#29f19c73;box-shadow:0 0 18px #29f19c1f}.tier-official{color:#fff;background:linear-gradient(135deg,#f4c95d2e,#29f19c1a);border-color:#f4c95d8c;box-shadow:0 0 24px #f4c95d29}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px;display:grid}.trust-grid span{color:var(--green);background:#07100f8c;border:1px solid #29f19c40;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:900;display:inline-flex}.path-card small,.creator-spotlight small{color:var(--muted);line-height:1.5}.creator-spotlight{gap:10px;display:grid}.creator-spotlight .profile-avatar{width:76px;height:76px}.kb-panel{margin:0}.certificate-card{width:min(640px,100%)}.certificate-preview{background:#29f19c0f;border:1px solid #29f19c59;border-radius:8px;margin-top:18px;padding:18px}.certificate-preview svg{color:var(--green)}.terminal-head{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-weight:900;display:flex}.copy-btn{min-height:34px;padding:0 12px}.profile-line{border-bottom:1px solid var(--line);gap:4px;padding:10px 0;display:grid}.profile-line strong,.profile-line div,.terminal-block,.terminal-head span,.pill-line,.flag-box input{overflow-wrap:anywhere;word-break:break-word}.country-badge,.country-empty{width:fit-content;color:var(--text);border:1px solid var(--line);background:#07100f73;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:13px;font-weight:800;display:inline-flex}.country-badge.muted,.country-empty{color:var(--muted)}.link-list{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.link-list a{color:var(--cyan);border:1px solid var(--line);background:#20d7ff0f;border-radius:999px;padding:7px 11px;font-weight:900}.link-list a:hover{border-color:var(--cyan)}@keyframes phds-pulse{0%,to{opacity:.55}50%{opacity:1}}.auth-shell{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#101f22c7,#07100fd6);border-color:#8aa7a433;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:0;width:min(1080px,100%);margin:0 auto;padding:0;display:grid;overflow:hidden;box-shadow:0 28px 96px #0000005c}.auth-side{text-align:left;background:linear-gradient(#0a1818c2,#07100f85);border-right:1px solid #8aa7a42e;flex-direction:column;justify-content:space-between;gap:24px;min-height:592px;padding:40px;display:flex}.auth-brand-block{align-content:start;gap:32px;display:grid}.auth-side h1{letter-spacing:0;max-width:430px;margin:0;font-size:clamp(36px,4vw,52px);font-weight:900;line-height:1.04}.auth-side p{color:var(--muted);max-width:410px;margin:0;font-size:15px;line-height:1.6}.auth-side blockquote{color:var(--text);letter-spacing:0;margin:0;font-size:20px;font-weight:900;line-height:1.28}.auth-divider{background:#8aa7a42e;width:100%;height:1px}.auth-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-benefits span{min-height:82px;color:var(--text);background:#ffffff09;border:1px solid #8aa7a429;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:18px 1fr;gap:3px 10px;padding:14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.auth-benefits span:hover{background:#ffffff0d;border-color:#20d7ff47;transform:translateY(-1px)}.auth-benefits svg{color:var(--cyan);flex-shrink:0;grid-row:1/span 2;margin-top:1px}.auth-benefits strong{font-size:14px;line-height:1.2}.auth-benefits small{color:var(--muted);font-size:12px;line-height:1.35}.auth-form-panel{align-self:center;width:100%;padding:40px}.auth-form-heading{margin-bottom:24px}.auth-form-heading h2{letter-spacing:0;margin:0;font-size:32px;font-weight:900;line-height:1.08}.auth-form-heading p{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.45}.auth-form-panel h2{margin-top:0}.auth-card form{gap:16px;display:grid}.auth-form-grid{grid-template-columns:1fr;gap:16px;display:grid}.auth-password-row{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:16px;display:grid}.error{color:var(--red)}.fatal-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.fatal-card{background:linear-gradient(#101f22f5,#07100ff5);border:1px solid #ff657a6b;border-radius:8px;width:min(620px,100%);padding:28px;box-shadow:0 28px 90px #00000073}.fatal-card h1{margin:8px 0;font-size:clamp(30px,5vw,48px)}.fatal-card p{color:var(--muted);overflow-wrap:anywhere;line-height:1.65}.footer{color:var(--muted);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100f75;border-top:1px solid #00ffc81f;justify-items:center;gap:24px;margin-top:72px;padding:34px 24px 28px;display:grid}.footer .brand{justify-content:center}.footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,2.1vw,32px);display:flex}.footer p{color:#8aa7a4d1;max-width:700px;margin:0;line-height:1.65}.footer-bottom{color:#8aa7a4c7;border-top:1px solid #8aa7a429;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:min(700px,100%);padding-top:20px;font-size:12px;display:flex}.footer-bottom a{color:#e7fff8c7;transition:color .22s}.footer-bottom a:hover{color:var(--cyan)}.auth-panel-logo{width:fit-content;display:inline-flex}.auth-panel-logo img{object-fit:contain;border-radius:8px;width:92px;height:34px}.auth-brand{justify-content:flex-start;width:fit-content;margin:0}.auth-brand .brand-mark{gap:12px}.auth-brand .brand-mark img{object-fit:contain;width:132px;height:46px}.auth-brand .brand-mark span{gap:3px;display:grid}.auth-brand .brand-mark strong{font-size:16px}.auth-brand .brand-mark small{color:var(--muted);font-size:12px;font-weight:800}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100fc7;border-right:1px solid #00ffc81f;flex-direction:column;gap:10px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.sidebar a,.sidebar-logout{color:var(--muted);justify-content:flex-start}.sidebar a.active{color:var(--green);background:#29f19c14;border-radius:8px}.sidebar a:not(.brand){align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.sidebar svg{width:18px}.sidebar-section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin:14px 10px 2px;font-size:11px;font-weight:850}.user-chip{border:1px solid var(--line);border-radius:8px;gap:4px;margin:14px 0;padding:14px;display:grid}.user-chip span{color:var(--muted);text-transform:capitalize}.workspace{padding:28px}.workspace-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.head-actions{align-items:center;gap:10px;display:flex}.workspace h1{margin:0;font-size:32px}.welcome-panel h2{margin:8px 0;font-size:clamp(26px,4vw,40px)}.welcome-panel p{color:var(--muted);max-width:760px;line-height:1.6}.category-progress{grid-template-columns:190px 1fr;align-items:center;gap:12px;display:grid}progress{width:100%;height:12px;accent-color:var(--green)}.mini-stats{flex-wrap:wrap;gap:10px;margin:12px 0 18px;display:flex}.mini-stats span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid textarea,.form-grid .slug-preview,.form-grid button,.form-grid p,.form-grid .full{grid-column:1/-1}.admin-field{align-content:start;gap:7px;display:grid}.admin-field__label{color:var(--text);font-size:13px;font-weight:850}.admin-field__helper{color:var(--muted);line-height:1.45}.admin-toggle{border:var(--ph-border);border-radius:var(--ph-radius-md);background:#07100f6b;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px}.admin-toggle strong{color:var(--text);font-size:13px;display:block}.admin-toggle small{color:var(--muted);margin-top:3px;line-height:1.4;display:block}.admin-toggle input{width:18px;min-height:18px}.admin-multiselect{gap:12px;display:grid}.admin-chip-list{flex-wrap:wrap;gap:8px;min-height:4px;display:flex}.admin-chip{width:auto;min-height:32px;color:var(--green);background:#29f19c14;border:1px solid #29f19c61;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-weight:850;display:inline-flex}.admin-selector-list{border:var(--ph-border);border-radius:var(--ph-radius-md);background:#07100f80;gap:6px;max-height:340px;padding:8px;display:grid;overflow:auto}.admin-selector-option{border-radius:var(--ph-radius-md);cursor:pointer;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.admin-selector-option:hover,.admin-selector-option.selected{background:#20d7ff12;border-color:#20d7ff3d}.admin-selector-option input{width:16px;min-height:16px;margin-top:2px}.admin-selector-option strong{color:var(--text);overflow-wrap:anywhere;display:block}.admin-selector-option small{color:var(--muted);overflow-wrap:anywhere;line-height:1.45;display:block}.rich-form fieldset{border:1px solid var(--line);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.rich-form fieldset[id]{scroll-margin-top:110px}.rich-form legend{color:var(--green);padding:0 8px;font-weight:900}.rich-form fieldset textarea,.rich-form fieldset small,.rich-form fieldset p{grid-column:1/-1}.optional-field{gap:8px;display:grid}.submission-note{background:#29f19c0f;border:1px solid #29f19c40;border-radius:8px;grid-column:1/-1;padding:14px}.submission-note ul{color:var(--muted);columns:2;margin:10px 0 0}.creator-step-nav{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.creator-step-nav a{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.creator-step-nav a:hover{color:var(--cyan);border-color:var(--cyan);background:#20d7ff0f}.creator-step-nav span{width:22px;height:22px;color:var(--green);background:#29f19c1a;border-radius:999px;place-items:center;font-size:12px;display:grid}.creator-submit-form{align-items:start}.optional-field span,.field span{color:var(--muted);font-weight:800}.inline-check{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.inline-check input{width:auto;min-height:auto}.flag-editor{border:1px solid var(--line);background:#07100f80;border-radius:8px;grid-column:1/-1;grid-template-columns:1.4fr 1fr 110px 1fr;gap:10px;padding:12px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-actions.compact{gap:8px}.slug-preview{color:var(--cyan);font-weight:800}.success{color:var(--green)}.muted{color:var(--muted)}.review-list{gap:14px;display:grid}.review-item{gap:10px;display:grid}.review-item button{width:fit-content;margin-right:8px}.data-table{border-collapse:collapse;border:var(--ph-border);border-radius:var(--ph-radius-md);background:#0d1818e6;width:100%;overflow:hidden}.data-table.compact td{padding:10px 12px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:14px}.data-table th{color:var(--cyan);text-transform:uppercase;letter-spacing:0;font-size:13px}.data-table small{color:var(--muted);margin-top:5px;display:block}.table-wrap{border-radius:8px;width:100%;overflow-x:auto}.admin-filters{grid-template-columns:repeat(4,minmax(140px,1fr))}.stat-link{display:block}.empty-state{text-align:center;color:var(--muted);align-content:center;place-items:center;gap:10px;min-height:220px;display:grid}.empty-state h3,.empty-state p,.loading-panel p{margin:0}.screen-loader,.loading-panel{min-height:180px;color:var(--green);text-align:center;border-radius:var(--ph-radius-md);align-content:center;place-items:center;gap:12px;display:grid}.loader-ring{border:3px solid #29f19c2e;border-top-color:var(--green);border-radius:999px;width:34px;height:34px;animation:.85s linear infinite spin}.api-notice{color:var(--red);background:#ff657a12;border:1px solid #ff657a59;border-radius:8px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;display:flex}.api-notice p{color:var(--muted);overflow-wrap:anywhere;margin:3px 0 0}.api-notice svg{flex:none;margin-top:2px}@keyframes spin{to{transform:rotate(360deg)}}.notify-wrap{position:relative}.notify-dot{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;display:grid;position:absolute;transform:translate(7px,-12px)}.notify-menu{border:1px solid var(--line);z-index:30;background:#07100f;border-radius:8px;width:min(380px,86vw);padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 80px #0000006b}.notify-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.notify-item{border:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:#101f22b3;border-radius:8px;margin-bottom:8px;padding:10px}.notify-item:disabled{cursor:default;opacity:.85}.notify-item.unread{border-color:#29f19c73}.notify-item span{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900}.notify-item p{color:var(--muted);margin:4px 0 0}.creator-hero h1{margin:8px 0;font-size:clamp(34px,5vw,58px)}.rank-badge{border:1px solid color-mix(in srgb, var(--rank-color,var(--green)) 55%, transparent);width:fit-content;color:var(--rank-color,var(--green));background:color-mix(in srgb, var(--rank-color,var(--green)) 10%, transparent);box-shadow:0 0 18px var(--rank-glow,#29f19c2e);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.rank-progress{gap:10px;display:grid}.rank-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-progress p,.rank-progress small,.streak-card p,.streak-card small{color:var(--muted);margin:0}.streak-card{border:1px solid var(--line);background:linear-gradient(#101f22f0,#0b1616f0);border-radius:8px;gap:8px;padding:22px;display:grid}.streak-card span{color:var(--muted);font-weight:800}.streak-card strong{color:var(--green);font-size:32px}.heatmap-panel{gap:12px;display:grid;overflow-x:auto}.heatmap-months{min-width:max-content;color:var(--muted);grid-auto-columns:16px;grid-auto-flow:column;gap:4px;font-size:11px;display:grid}.heatmap-grid{grid-auto-columns:12px;grid-auto-flow:column;gap:4px;min-width:max-content;padding-bottom:4px;display:grid;overflow-x:auto}.heatmap-week{grid-template-rows:repeat(7,12px);gap:4px;display:grid}.heatmap-cell{background:#8aa7a421;border:1px solid #ffffff08;border-radius:3px;width:12px;height:12px}.heatmap-cell.level-1{background:#29f19c47}.heatmap-cell.level-2{background:#29f19c7a}.heatmap-cell.level-3{background:#20d7ffa3}.heatmap-cell.level-4{background:var(--green);box-shadow:0 0 10px #29f19c4d}.heatmap-legend{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.heatmap-legend .heatmap-cell{display:inline-block}.empty-heatmap{text-align:center;border:1px dashed var(--line);background:#07100f73;border-radius:8px;place-items:center;min-height:150px}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.achievement-badge{border:1px solid var(--line);min-height:130px;color:var(--text);text-align:left;cursor:pointer;background:#07100f8c;border-radius:8px;gap:8px;padding:14px;display:grid}.achievement-badge img{object-fit:contain;border-radius:8px;width:54px;height:54px}.badge-fallback{border:1px solid var(--line);width:54px;height:54px;color:var(--cyan);background:#20d7ff1f;border-radius:8px;place-items:center;font-weight:900;display:grid}.badge-fallback.large{width:96px;height:96px;margin:0 auto;font-size:28px}.achievement-badge.earned{background:#29f19c0f;border-color:#29f19c80}.achievement-badge.locked{opacity:.62}.achievement-badge p{color:var(--muted);margin:0;line-height:1.45}.achievement-badge small{color:var(--muted);text-transform:capitalize;font-weight:800}.achievement-badge span{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900}.rank-ladder,.streak-ladder{flex-wrap:wrap;gap:10px;display:flex}.rank-ladder span,.streak-ladder span{border:1px solid var(--line);color:var(--text);background:#101f22bf;border-radius:8px;padding:12px;font-weight:800}.rank-ladder span:after{content:" ->";color:var(--cyan)}.rank-ladder span:last-child:after{content:""}.badge-backdrop{z-index:80;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.badge-modal{border:1px solid var(--line);background:#07100f;border-radius:8px;width:min(520px,100%);padding:24px;position:relative;box-shadow:0 30px 90px #00000080}.badge-modal img{object-fit:contain;width:96px;height:96px;margin:0 auto 14px;display:block}.modal-close{position:absolute;top:10px;right:10px}.achievement-page{text-align:center;justify-items:center;gap:14px;width:min(720px,100%);margin:64px auto;display:grid}.achievement-hero-badge{object-fit:contain;filter:drop-shadow(0 0 22px #29f19c38);width:132px;height:132px}.activity-feed{gap:12px;display:grid}.season-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;gap:18px;display:grid}.season-panel .form-actions{grid-column:1/-1}.season-stats{border:1px solid var(--line);background:#ffffff06;border-radius:8px;padding:0 14px}.premium-path-card{gap:8px;transition:transform .18s,border-color .18s;display:grid}.premium-path-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.learning-current{gap:12px;display:grid}.course-player{gap:14px;display:grid}.course-module{border:1px solid var(--line);background:#ffffff06;border-radius:8px;padding:14px}.course-module h3{margin:0 0 6px}.feed-item{border:1px solid var(--line);background:#07100f8c;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.feed-item strong{color:var(--text)}.feed-item p{color:var(--muted);margin:4px 0}.feed-item a{color:var(--cyan);font-weight:900}.feed-dot{background:var(--green);border-radius:999px;width:10px;height:10px;margin-top:6px;box-shadow:0 0 18px #29f19c59}.community-user-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid}.community-user-card .profile-avatar{width:72px;height:72px}.leaderboard-player{align-items:center;gap:10px;min-width:180px;display:inline-flex}.leaderboard-player .profile-avatar{width:38px;height:38px}.leaderboard-player span{gap:2px;display:grid}.leaderboard-player small{color:var(--muted)}.role-student_creator{color:var(--cyan);border-color:#20d7ff73}.role-creator{color:var(--green);border-color:#29f19c73}.role-admin{color:var(--amber);border-color:#f4c95d73}.discussion-panel{margin-top:28px}.discussion-item{border:1px solid var(--line);background:#07100f8c;border-radius:8px;margin:10px 0;padding:14px}.discussion-item.pinned{border-color:#29f19c73}.discussion-item div{color:var(--cyan);justify-content:space-between;gap:12px;display:flex}.discussion-item pre,.writeup-card pre{white-space:pre-wrap;color:var(--text);font-family:inherit;line-height:1.6}.comment-box{gap:10px;margin-top:12px;display:grid}.writeup-card{border:1px solid var(--line);background:#07100f73;border-radius:8px;margin:10px 0;padding:14px}.rating-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.rating-grid label{color:var(--muted);gap:6px;font-weight:800;display:grid}.star-rating{color:var(--muted);gap:8px;margin-bottom:12px;font-weight:800;display:grid}.star-rating strong{color:var(--amber);letter-spacing:0}.role-choice{gap:12px;margin:0;display:grid}.role-choice.premium{grid-template-columns:1fr 1fr}.role-choice.premium.three{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{min-height:104px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #8aa7a42e;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid;position:relative}.role-card:hover{background:#ffffff0d;border-color:#20d7ff5c;transform:translateY(-1px)}.role-card:hover,.role-card.selected{box-shadow:0 16px 42px #0000002e}.role-card.selected{background:#20d7ff12;border-color:#20d7ff8a}.role-card svg{color:var(--cyan);margin-top:2px}.role-card.selected svg{color:var(--cyan)}.role-card span{gap:5px;display:grid}.role-card strong{line-height:1.15}.role-card small{color:var(--muted);font-size:12px;line-height:1.35}.role-card em{border:1px solid var(--line);width:20px;height:20px;color:var(--cyan);border-radius:999px;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid}.password-checklist{color:var(--muted);background:#ffffff09;border:1px solid #8aa7a42e;border-radius:8px;gap:6px;padding:12px;font-size:12px;line-height:1.2;display:grid}.password-checklist span{color:var(--muted)}.password-checklist span.ok{color:var(--cyan);font-weight:800}.strength-head{color:var(--text);justify-content:space-between;align-items:center;gap:10px;display:flex}.strength-head strong{color:var(--text)}.strength-head span{color:var(--muted);font-weight:900}.strength-meter{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.strength-meter span{border-radius:inherit;background:var(--cyan);height:100%;transition:width .18s;display:block}.legal-compact{background:#ffffff09;border:1px solid #8aa7a42e;border-radius:8px;gap:8px;padding:12px;display:grid}.legal-compact label{color:var(--text);align-items:center;gap:10px;font-weight:800;line-height:1.35;display:flex}.legal-compact input[type=checkbox]{width:16px;height:16px;min-height:unset;accent-color:var(--cyan);cursor:pointer;flex-shrink:0}.legal-links{flex-wrap:wrap;gap:10px;padding-left:28px;display:flex}.legal-links button{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.legal-links button:hover{color:var(--green)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.legal-modal{background:linear-gradient(#101f22fa,#07100ffa);border:1px solid #20d7ff52;border-radius:8px;grid-template-rows:auto minmax(180px,1fr) auto;width:min(620px,100%);max-height:min(760px,92vh);display:grid;overflow:hidden;box-shadow:0 28px 100px #0000008c}.modal-head,.modal-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-head h2{margin:0}.modal-scroll{color:var(--muted);padding:18px;line-height:1.65;overflow:auto}.modal-scroll p:first-child{margin-top:0}.modal-actions{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.xp-bar{color:var(--muted);gap:6px;margin-top:12px;display:grid}.resume-hero{grid-template-columns:120px 1fr;align-items:center;gap:20px;margin:50px 0 24px;display:grid}.profile-hero-row{grid-template-columns:120px 1fr;align-items:start;gap:20px;display:grid}.profile-avatar{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:112px;height:112px}.avatar-fallback{color:var(--green);background:#29f19c14;place-items:center;font-weight:900;display:grid}.avatar-edit{border:1px solid var(--line);border-radius:8px;grid-column:1/-1;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.avatar-edit img,.avatar-edit .avatar-fallback{object-fit:cover;border-radius:8px;width:80px;height:80px}.avatar-edit label{color:var(--muted);gap:6px;font-weight:800;display:grid}.avatar-edit small,.avatar-edit .success,.avatar-edit .error{grid-column:2/-1;margin:0}.profile-settings-form fieldset label:not(.inline-check){color:var(--muted);gap:6px;font-weight:800;display:grid}.profile-settings-form fieldset label span,.avatar-edit label span{color:var(--text)}.social-links{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.leaderboard-title{margin-bottom:18px}.leaderboard-filter-toolbar{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100fb3;border:1px solid #20d7ff24;border-radius:10px;grid-template-columns:minmax(220px,1.7fr) repeat(5,minmax(108px,1fr)) minmax(276px,auto);align-items:end;gap:16px;width:100%;max-width:100%;margin:0 auto 24px;padding:16px;display:grid;box-shadow:0 18px 60px #0000003d}.leaderboard-filter-toolbar label{min-width:108px;max-width:100%;color:var(--muted);gap:7px;font-size:12px;font-weight:900;display:grid}.leaderboard-filter-toolbar .filter-search{min-width:220px}.leaderboard-filter-toolbar input,.leaderboard-filter-toolbar select{width:100%;height:42px;min-height:42px;color:var(--text);background:#040a0cd1;border:1px solid #8aa7a433;border-radius:8px;transition:border-color .18s,box-shadow .18s,background .18s}.leaderboard-filter-toolbar input:focus,.leaderboard-filter-toolbar select:focus{background:#060f11eb;border-color:#20d7ff80;outline:none;box-shadow:0 0 0 3px #20d7ff1a,0 0 22px #20d7ff14}.leaderboard-filter-actions{grid-template-columns:minmax(140px,1fr) minmax(120px,1fr);justify-content:stretch;align-items:end;gap:16px;min-width:276px;max-width:100%;display:grid}.leaderboard-filter-actions .ghost{white-space:nowrap;justify-content:center;align-items:center;width:100%;min-width:0;height:42px;min-height:42px;padding-inline:14px;display:inline-flex}.leaderboard-filter-actions .ghost:first-child{min-width:140px}.leaderboard-filter-actions .ghost:last-child{min-width:120px}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto 24px;display:grid}.podium-card{background:linear-gradient(145deg,#091618db,#050c0eb8);border:1px solid #20d7ff2e;border-radius:12px;align-content:start;gap:12px;min-height:260px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047}.podium-card:before{content:"";opacity:.65;pointer-events:none;background:radial-gradient(circle,#29f19c24,#0000 45%);animation:5s ease-in-out infinite subtlePulse;position:absolute;inset:-40% -20%}.podium-card:hover{border-color:#29f19c8c;transform:translateY(-4px);box-shadow:0 28px 80px #0000005c,0 0 32px #29f19c1f}.podium-card .profile-avatar{z-index:1;width:82px;height:82px;position:relative}.podium-card h2{margin:0;font-size:22px}.podium-card p{color:var(--muted);margin:0}.podium-medal{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.podium-metrics{color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.podium-metrics strong{color:var(--text)}.leaderboard-board{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100fad;border:1px solid #20d7ff24;border-radius:12px;padding:16px}.leaderboard-board-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.leaderboard-board-head h2,.leaderboard-board-head p{margin:0}.leaderboard-board-head span{color:var(--cyan);font-weight:900}.leaderboard-table-modern{gap:8px;display:grid}.leaderboard-card-row{color:var(--text);background:#ffffff06;border:1px solid #8aa7a421;border-radius:10px;grid-template-columns:54px 46px minmax(170px,1.4fr) minmax(130px,.9fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(100px,.7fr) minmax(90px,.6fr) minmax(90px,.6fr) minmax(100px,.7fr);align-items:center;gap:10px;padding:12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.leaderboard-card-row:not(.header):hover{background:#20d7ff0e;border-color:#20d7ff61;transform:translateY(-2px)}.leaderboard-card-row.header{color:var(--muted);background:0 0;border-color:#0000;font-size:12px;font-weight:900}.leaderboard-card-row .profile-avatar{width:42px;height:42px}.leaderboard-position{color:var(--cyan);font-weight:900}.leaderboard-identity{gap:3px;display:grid}.leaderboard-identity small{color:var(--muted)}.pagination-row{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.premium-profile-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;display:grid}.profile-sidebar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100fb8;border:1px solid #20d7ff29;border-radius:12px;gap:12px;padding:18px;display:grid;position:sticky;top:92px;box-shadow:0 18px 60px #0000003d}.profile-sidebar-card .profile-avatar{width:108px;height:108px}.profile-sidebar-card h2,.profile-sidebar-card p{margin:0}.profile-sidebar-card p{color:var(--muted)}.premium-profile-main{gap:18px;min-width:0;display:grid}.premium-profile-hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#091618c7,#050c0e94);border:1px solid #20d7ff29;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px;display:grid}.premium-profile-hero h1{margin:10px 0;font-size:clamp(34px,5vw,64px);line-height:1}.premium-profile-hero p{color:var(--muted);max-width:760px}.profile-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.profile-skill-panel{gap:12px;display:grid}.skill-bar-row{gap:8px;display:grid}.skill-bar-row div{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.skill-bar-row strong{color:var(--text)}.skill-bar-row progress,.premium-profile-main progress{border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.skill-bar-row progress::-webkit-progress-bar{background:#8aa7a424}.premium-profile-main progress::-webkit-progress-bar{background:#8aa7a424}.skill-bar-row progress::-webkit-progress-value{background:linear-gradient(90deg, var(--green), var(--cyan))}.premium-profile-main progress::-webkit-progress-value{background:linear-gradient(90deg, var(--green), var(--cyan))}.premium-badge-panel .badge-grid,.premium-heatmap .heatmap-panel{margin-top:12px}.browser-mockup,.leaderboard-panel,.home-heatmap,.workflow-node,.architecture-node,.preview-terminal,.testimonial-track blockquote,.lab-hero-panel,.practice-panel,.question-card,.detail-tabs,.trust-grid span,.streak-card,.achievement-badge,.feed-item,.discussion-item,.writeup-card,.rank-ladder span,.streak-ladder span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#080f12b8;border-color:#00ffc81f}@media (width<=1120px){.navbar{grid-template-columns:1fr auto;align-items:center;min-height:68px;padding:0 18px}.brand-mark img{width:40px;height:40px}.brand-mark strong{font-size:15px}.brand-mark small{font-size:12px}.nav-toggle{display:inline-flex}.navbar nav,.navbar .nav-actions{display:none}.navbar.nav-open nav,.navbar.nav-open .nav-actions{background:#07100ff5;border:1px solid #8aa7a42e;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;gap:18px;width:100%;padding:14px;display:flex}.home-subnav{margin-inline:-16px;padding-left:16px;top:65px}.hero,.detail-layout,.grid-3,.grid-4,.community-grid,.trust-grid,.lab-grid,.split,.app-shell,.process-grid,.process-grid.five,.journey-grid,.dashboard-two,.dashboard-preview{grid-template-columns:1fr}.hero{align-content:center;gap:18px;min-height:calc(100svh - 116px)}.hero-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-counters .community-stat:nth-child(5){grid-column:1/-1}.animated-terminal{min-height:250px}.terminal-stream{min-height:202px;font-size:12px}.live-status-panel{display:none}.animated-journey .timeline{grid-template-columns:1fr}.animated-journey .timeline:before{width:1px;height:auto;inset:16px auto 16px 15px}.animated-journey .timeline-item{grid-template-columns:32px 1fr;align-items:start}.homepage-showcase,.mockup-grid,.testimonial-track,.workflow-rail,.architecture-rail{grid-template-columns:1fr}.workflow-node,.architecture-node{min-height:auto}.workflow-node:not(:last-child):after,.architecture-node:not(:last-child):after{width:1px;height:10px;top:calc(100% - 1px);left:22px;right:auto}.home-heatmap{grid-template-columns:repeat(14,minmax(10px,1fr))}.leaderboard-row{grid-template-columns:38px minmax(0,1fr)}.leaderboard-row .rank-badge,.leaderboard-row em{grid-column:2}.sidebar{height:auto;position:relative}.filters,.admin-filters,.lab-filters,.flag-box,.form-grid,.rich-form fieldset,.flag-editor,.category-progress,.badge-grid,.profile-hero-row,.avatar-edit,.rating-grid,.resume-hero,.role-choice.premium,.auth-card,.auth-form-grid,.auth-password-row,.practice-panel,.lab-progress,.season-panel{grid-template-columns:1fr}.mode-toggle,.tab-nav{justify-content:space-between;width:100%}.mode-toggle button,.tab-nav button{flex:1}.hint-card,.lab-hero-actions,.session-start,.terminal-head{flex-direction:column;align-items:flex-start}.auth-shell{min-height:auto;padding:16px}.auth-card{margin:0 auto}.auth-side{border-right:0;border-bottom:1px solid var(--line);gap:18px;min-height:auto;padding:24px}.auth-brand-block{gap:20px}.auth-side h1{font-size:34px}.auth-benefits{grid-template-columns:1fr}.auth-benefits span{min-height:auto}.auth-form-panel{padding:24px}.workspace{padding:18px}.workspace-head{flex-direction:column;align-items:flex-start}.head-actions{flex-wrap:wrap;width:100%}.cyber-particles{opacity:.28}.cyber-network{opacity:.18}}@media (width<=560px){main{width:min(100% - 24px, var(--ph-container-lg))}.navbar{min-height:64px;padding:0 14px}.brand-mark{gap:12px}.brand-mark img{width:36px;height:36px}.brand-mark strong{font-size:14px}.brand-mark small{font-size:11px}.footer{gap:22px;padding:30px 16px 24px}.footer nav{gap:16px 22px}.footer-bottom{gap:12px 16px}.page-title,.text-page{padding:34px 0 20px}.hero h1,.page-title h1,.text-page h1{font-size:34px}.hero p,.page-title p,.text-page p{font-size:16px}.hero{min-height:calc(100svh - 106px);padding:18px 0 26px}.hero-counters{display:none}.animated-terminal{min-height:220px}.terminal-stream{min-height:172px;padding:14px}.scroll-indicator{bottom:8px}.browser-body{padding:14px}.preview-lab-head,.preview-flag{grid-template-columns:1fr;display:grid}.preview-lab-head .primary,.preview-flag .ghost{width:100%}.mini-dashboard{grid-template-columns:1fr}.home-heatmap{grid-template-columns:repeat(7,minmax(12px,1fr));padding:12px}.badge-cloud span{justify-content:center;width:100%}.table-wrap{width:calc(100% + 8px);margin-inline:-4px}.data-table{min-width:680px}.form-actions,.hero-actions{align-items:stretch}.form-actions>*,.hero-actions>*{width:100%}.cyber-particles,.cyber-network,.cyber-scan{display:none}.cyber-grid{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cyber-grid,.cyber-particles,.cyber-network,.cyber-scan,.cyber-glow{animation:none!important}.cyber-particles,.cyber-network,.cyber-scan,.scroll-indicator{display:none}.reveal-ready{opacity:1;filter:none;transform:none}.hero-copy,.hero-terminal-stack{transform:none!important}}@media (width<=1120px){.leaderboard-filter-toolbar{grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(150px,1fr))}.leaderboard-filter-toolbar .filter-search{min-width:240px}.leaderboard-filter-actions{grid-column:1/-1;justify-content:start;width:min(100%,340px)}.leaderboard-card-row{grid-template-columns:44px 42px minmax(150px,1fr) minmax(110px,.8fr) minmax(100px,.7fr)}.leaderboard-card-row.header,.leaderboard-card-row>:nth-child(n+7){display:none}.premium-profile-layout{grid-template-columns:1fr}.profile-sidebar-card{grid-template-columns:auto 1fr;align-items:center;position:relative;top:0}}@media (width>=1121px) and (width<=1280px){.leaderboard-filter-toolbar{grid-template-columns:minmax(240px,1.5fr) repeat(5,minmax(118px,1fr))}.leaderboard-filter-actions{grid-column:1/-1;justify-self:end;width:min(100%,340px)}}@media (width<=720px){.leaderboard-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}.leaderboard-filter-toolbar .filter-search,.leaderboard-filter-actions{grid-column:1/-1;width:100%}.leaderboard-filter-toolbar label,.leaderboard-filter-toolbar .filter-search{min-width:0}.leaderboard-filter-actions{grid-template-columns:1fr}.leaderboard-filter-actions .ghost,.leaderboard-filter-actions .ghost:first-child,.leaderboard-filter-actions .ghost:last-child{width:100%;min-width:0}.leaderboard-podium{grid-template-columns:1fr}.leaderboard-board{padding:10px}.leaderboard-board-head{flex-direction:column;align-items:start}.leaderboard-card-row{grid-template-columns:44px 42px minmax(0,1fr);gap:8px}.leaderboard-card-row>:nth-child(n+4){display:none}.premium-profile-hero{grid-template-columns:1fr}.profile-hero-actions{justify-content:flex-start}.profile-sidebar-card{grid-template-columns:1fr}}