@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--font-primary:"Outfit", sans-serif;--color-primary:#4a1fa8;--color-primary-light:#eae4ff;--color-primary-mid:#7a55d8;--color-primary-dark:#2d1b69;--color-bg:#f0ecff;--color-surface:#fff;--color-cream:#f8f5ff;--color-border:#ddd5f8;--color-border-mid:#c4b8f0;--color-text-primary:#12063a;--color-text-secondary:#3b2870;--color-text-muted:#7a62b8;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-info:#2563eb;--color-info-light:#dbeafe;--color-error:#dc2626;--color-error-light:#fee2e2;--color-linkedin:#0a66c2;--auth-gradient-from:#2d1b69;--auth-gradient-to:#4a1fa8;--classroom-gradient-from:#1c1c2e;--classroom-gradient-to:#2d1b69;--min-touch-target:44px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--content-width-mobile:100%;--content-width-tablet:680px;--content-width-desktop:960px;--content-width-wide:1200px;--app-max-width:480px;--app-margin:auto;--page-padding-x:16px;--page-padding-y:16px;--text-xs:clamp(10px, 2.5vw, 12px);--text-sm:clamp(12px, 3vw, 14px);--text-base:clamp(14px, 3.5vw, 16px);--text-lg:clamp(16px, 4vw, 18px);--text-xl:clamp(18px, 4.5vw, 20px);--text-2xl:clamp(20px, 5vw, 24px);--text-3xl:clamp(24px, 6vw, 30px)}@media (min-width:768px){:root{--page-padding-x:24px;--page-padding-y:24px}}@media (min-width:1024px){:root{--page-padding-x:32px;--page-padding-y:32px}}[data-theme=dark]{--color-primary:#9d7ff5;--color-primary-light:#3d3280;--color-primary-dark:#2d1b69;--color-bg:#1e1646;--color-surface:#2e2468;--color-cream:#261d58;--color-border:#3d3280;--color-border-mid:#4d4090;--color-text-primary:#ede8ff;--color-text-secondary:#c4b8f0;--color-text-muted:#9080c8;--color-success:#34d578;--color-success-light:#0d3a20;--color-warning:#c49a3c;--color-warning-light:#2a2010;--color-info:#7db8fa;--color-info-light:#1a305a;--color-error:#ef5350;--color-error-light:#3a1515}html[dir=rtl]{direction:rtl}html[dir=ltr]{direction:ltr}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}html,body{height:100%}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1}input,textarea,select,button{appearance:none;color:inherit;font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}img,video{max-width:100%;height:auto;display:block}.auth-input{border-radius:12px;height:52px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.auth-primary-button{border-radius:12px;height:52px;font-weight:600;transition:filter .15s,transform .1s,opacity .15s}.auth-primary-button:hover:not(:disabled){filter:brightness(.92)}.auth-primary-button:active:not(:disabled){transform:scale(.98)}.auth-primary-button:disabled{opacity:.5;cursor:not-allowed}.auth-google-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;height:52px;transition:box-shadow .15s}.auth-google-button:hover:not(:disabled){box-shadow:0 2px 8px #00000014}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px;transition:border-color .15s}.card:hover{border-color:var(--color-text-muted)}.card-sm{border-radius:10px;padding:10px 12px}.card-lg{border-radius:14px;padding:18px 20px}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-verified{background:var(--color-success-light);color:var(--color-success)}.badge-pending{background:var(--color-warning-light);color:var(--color-warning)}.badge-early{background:var(--color-info-light);color:var(--color-info)}.badge-rejected{background:var(--color-error-light);color:var(--color-error)}.badge-teacher{background:var(--color-primary-light);color:var(--color-primary)}.badge-admin{background:var(--color-success-light);color:var(--color-success)}.badge-neutral{background:var(--color-cream);color:var(--color-text-muted);border:1px solid var(--color-border)}.chip{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.chip-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:44px;height:44px;font-size:16px}.section-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-top:16px;margin-bottom:8px;font-size:10px;font-weight:600}.section-heading:first-child{margin-top:0}.avatar-xl{width:56px;height:56px;font-size:20px}.tag{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.tag-dot:before{content:"·";margin:0 2px}