@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.ui-button{width:100%;min-width:0;min-height:48px;padding:14px var(--space-5);border-radius:var(--radius-md);border:2px solid var(--color-brand-purple);background:var(--surface);color:var(--color-heading);cursor:pointer;transition:var(--transition-normal);justify-content:center;font-weight:600;line-height:1.35;box-shadow:0 2px 8px #667eea1a}.ui-button:hover{border-color:var(--color-primary-dark);background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px);box-shadow:0 8px 24px #764ba233}.ui-button:active{transform:translateY(0)}.ui-button[disabled],.ui-button[aria-disabled=true]{opacity:.65;pointer-events:none;cursor:not-allowed}.ui-button--primary{background:var(--gradient-primary);color:#fff;border:2px solid var(--color-brand-purple)}.ui-button--primary:hover{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));box-shadow:0 8px 24px #764ba266}.ui-button--secondary{background:var(--surface);color:var(--color-heading);border:2px solid var(--color-primary)}.ui-button--secondary:hover{border-color:var(--color-primary-dark);background:#667eea0d}.card{gap:var(--space-2);background:var(--surface);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:var(--transition-fast);box-sizing:border-box;flex-direction:column;display:flex;position:relative}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--card-border-accent);transform:translateY(-2px)}.card:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.card h1,.card h2,.card h3,.card h4,.card p{margin:0}.card p{color:var(--color-subtle);line-height:1.6}@media (width<=640px){.card{padding:var(--card-padding-mobile)}}.onboarding-modal__backdrop{z-index:1000;background:linear-gradient(#f8fafce6, #f8fafceb), var(--surface-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:flex-start;padding:clamp(82px,12vh,132px) 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-modal.card{border-radius:var(--radius-2xl);width:min(100%,620px);box-shadow:var(--shadow-card-hover);font-family:var(--font-body);text-align:left;background:#fff;border-color:#4f7cff38;gap:0;padding:0;overflow:hidden}.onboarding-modal.card:hover{border-color:#4f7cff38;transform:none}.onboarding-modal__header{grid-gap:8px;border-bottom:1px solid var(--color-info-border);background:#fff;gap:8px;padding:clamp(20px,4vw,28px);display:grid}.onboarding-modal__eyebrow{border-radius:var(--radius-full);background:var(--color-info-bg);width:fit-content;color:var(--color-info-text);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;font-size:.72rem;font-weight:800}.onboarding-modal__header h3{color:var(--color-heading);font-family:var(--font-heading);letter-spacing:0;margin:0;font-size:clamp(1.55rem,4vw,2.15rem);font-weight:800;line-height:1.1}.onboarding-modal__header p{max-width:42rem;color:var(--color-subtle);margin:0;line-height:1.55}.onboarding-modal__body{background:#fff;flex-direction:column;gap:14px;padding:clamp(18px,4vw,28px);display:flex}.onboarding-modal__field{border-bottom:1px solid var(--color-border);width:100%;color:var(--color-body);flex-direction:column;gap:8px;padding-bottom:14px;font-weight:700;display:flex}.onboarding-modal__field:last-child{border-bottom:0;padding-bottom:0}.onboarding-modal__field span{color:var(--color-caption);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.onboarding-modal__field select,.onboarding-modal__field textarea{box-sizing:border-box;border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--color-heading);font-family:var(--font-body);background:#fff;border:1px solid #dbe3f0;padding:12px 14px;font-size:1rem;font-weight:600;line-height:1.35;display:block;box-shadow:inset 0 1px 2px #0f172a05}.onboarding-modal__field textarea{resize:vertical;min-height:104px}.onboarding-modal__field select:focus,.onboarding-modal__field textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.onboarding-modal__field strong{color:var(--color-heading);font-size:1.08rem}.onboarding-modal__field small{color:var(--color-subtle);font-size:.88rem;font-weight:600;line-height:1.55}.onboarding-modal__recommendation{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f9fbff 0%,#eef6ff 100%);border:1px solid #4f7cff38;padding:16px}.onboarding-modal__actions{grid-gap:12px;background:#fff;grid-template-columns:1fr 1fr;gap:12px;padding:0 clamp(18px,4vw,28px) clamp(18px,4vw,28px);display:grid}.onboarding-modal__actions .ui-button{font-family:var(--font-body)}@media (width<=640px){.onboarding-modal__backdrop{align-items:stretch;padding:72px 12px 16px}.onboarding-modal.card{align-self:flex-start}.onboarding-modal__actions{grid-template-columns:1fr}}.footer{color:#fff;background:linear-gradient(90deg,#2563eb 0%,#7c3aed 100%);padding:18px 16px}.footer-row{justify-content:center;align-items:center;gap:var(--space-6);max-width:var(--max-width);flex-wrap:wrap;margin:0 auto;display:flex}.footer-link{color:#e5e7eb;font-weight:500;text-decoration:none}.footer-link:hover{color:#fff;text-decoration:underline}.services-menu{align-items:center;display:flex;position:relative}.nav-link--services{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);min-height:44px;color:var(--color-muted);background:0 0;border:1px solid #0000;padding:.55rem .8rem;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.nav-link--services:hover,.services-menu.is-open .nav-link--services{color:var(--color-primary-dark);box-shadow:var(--shadow-md);background:#fff;border-color:#6366f129}.services-menu__chevron{flex:none;transition:transform .18s}.services-menu__panel{width:min(760px,100vw - 24px);padding:var(--space-3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);grid-gap:var(--space-3);gap:var(--space-3);opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#fff;border:1px solid #6366f124;grid-template-columns:repeat(2,minmax(0,1fr));transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(8px)}.services-menu:hover .services-menu__panel,.services-menu:focus-within .services-menu__panel,.services-menu.is-open .services-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.services-menu:hover .services-menu__chevron,.services-menu:focus-within .services-menu__chevron,.services-menu.is-open .services-menu__chevron{transform:rotate(180deg)}.services-menu__group{gap:var(--space-1);flex-direction:column;padding:4px;display:flex}.services-menu__title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-caption);margin:0 0 4px;font-size:.8rem;font-weight:800}.services-menu__link{color:var(--color-heading);border-radius:var(--radius-sm-md);padding:8px 10px;font-size:.95rem;text-decoration:none;transition:background .18s,color .18s;display:block}.services-menu__link:hover{color:#4338ca;background:#f5f7ff}.services-menu__link.is-placeholder{color:var(--color-caption);cursor:default}.services-menu__link.is-placeholder:hover{color:var(--color-caption);background:#fafafa}@media (width<=1023px){.services-menu__panel{grid-template-columns:1fr;width:min(520px,100vw - 24px);transform:translateY(8px)}.services-menu:hover .services-menu__panel,.services-menu:focus-within .services-menu__panel,.services-menu.is-open .services-menu__panel{transform:translateY(0)}}.topbar-profile{align-items:center;margin-left:auto;display:flex;position:relative}.topbar-profile__trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-height:50px;color:var(--color-heading);cursor:pointer;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%);border:1px solid #dfe8f7;padding:8px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.topbar-profile__trigger:hover{border-color:#6366f147;transform:translateY(-1px);box-shadow:0 10px 22px #4f46e51f}.topbar-profile__avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:grid}.topbar-profile__meta{text-align:left;flex-direction:column;min-width:0;display:flex}.topbar-profile__name{color:var(--color-heading);white-space:nowrap;font-size:.95rem;font-weight:700}.topbar-profile__plan{color:var(--color-caption);white-space:nowrap;font-size:.8rem}.topbar-profile__chevron{transition:transform .18s}.topbar-profile__panel{border-radius:var(--radius-lg-xl);opacity:0;visibility:hidden;pointer-events:none;z-index:60;background:#fff;border:1px solid #6366f124;width:min(320px,100vw - 24px);padding:14px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(8px);box-shadow:0 18px 40px #0f172a24}.topbar-profile.is-open .topbar-profile__panel,.topbar-profile:hover .topbar-profile__panel,.topbar-profile:focus-within .topbar-profile__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.topbar-profile.is-open .topbar-profile__chevron,.topbar-profile:hover .topbar-profile__chevron,.topbar-profile:focus-within .topbar-profile__chevron{transform:rotate(180deg)}.topbar-profile__panel-header{border-bottom:1px solid #eef2f7;flex-direction:column;gap:2px;padding:6px 8px 12px;display:flex}.topbar-profile__panel-header strong{color:var(--color-heading);font-size:.95rem}.topbar-profile__panel-header span{color:var(--color-caption);font-size:.82rem}.topbar-profile__panel-links{flex-direction:column;gap:4px;padding-top:10px;display:flex}.topbar-profile__panel-links a,.topbar-profile__signout{border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--color-heading);text-align:left;align-items:center;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.topbar-profile__panel-links a:hover,.topbar-profile__signout:hover{color:#4338ca;background:#f5f7ff}.topbar-profile__signout{background:0 0;border:none}@media (width<=1023px){.topbar-profile__meta{display:none}.topbar-profile__trigger{border-radius:var(--radius-full);padding:8px 10px}.topbar-profile__panel{width:min(280px,100vw - 24px);right:0}}.app-header{z-index:200;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 45%,#f7f3ff 100%);border-bottom:1px solid #94a3b833;padding:.75rem 0 1rem;position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--topbar-max-width);width:min(var(--topbar-max-width), calc(100% - 1rem));border-radius:var(--radius-3xl);background:#fff;border:1px solid #dfe8f7;margin:0 auto;padding:1rem 1.2rem;display:flex;box-shadow:0 16px 40px #0f172a17}.app-header__brand{color:inherit;flex-shrink:0;align-items:center;gap:.9rem;text-decoration:none;display:inline-flex}.app-header__brand-mark{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);justify-content:center;align-items:center;width:46px;height:46px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 12px 24px #4f46e53d}.app-header__brand-text{flex-direction:column;display:flex}.app-header__brand-title{color:var(--color-heading);font-size:1.05rem;font-weight:700;line-height:1.2}.app-header__brand-subtitle{color:var(--color-caption);font-size:.78rem;line-height:1.2}.app-header__nav{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:linear-gradient(90deg,#f8fbff 0%,#f7f8ff 100%);border:1px solid #e5ecf8;flex:1;min-width:0;padding:.35rem;display:flex}.app-header__nav-link{color:var(--color-caption);border-radius:var(--radius-full);padding:.6rem .9rem;font-weight:700;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.app-header__nav-link:hover{color:#4338ca;background:#fff;transform:translateY(-1px)}.app-header__nav-link.is-active{color:#4338ca;background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);box-shadow:0 8px 18px #6366f11f}@media (width<=1023px){.app-header__inner{flex-wrap:wrap;justify-content:center;gap:14px;padding:.95rem 1rem}.app-header__brand{justify-content:center;width:100%}.app-header__nav{flex-wrap:wrap;width:100%}.app-header__brand-text{display:none}}.toast-container{top:var(--space-4);right:var(--space-4);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-text);box-shadow:var(--shadow-md);pointer-events:auto;min-width:300px;max-width:500px;font-size:14px;line-height:1.5;animation:.3s ease-out slideIn;display:flex}.toast--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.toast--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.toast--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.toast--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.toast__content{word-break:break-word;flex:1}.toast__close{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:16px;transition:opacity .2s}.toast__close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none}}:root{--font-body:"Nunito Sans", "Plus Jakarta Sans", "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--font-heading:"Nunito Sans", "Plus Jakarta Sans", "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--color-primary:#667eea;--color-primary-dark:#764ba2;--color-brand-blue:#4f7cff;--color-brand-purple:#7b61ff;--color-brand-magenta:#b15cff;--color-brand-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-success:#4ade80;--color-muted:#888;--color-text:#333;--color-text-light:#666;--color-bg:#fafafa;--color-border:#e0e0e0;--surface:#fff;--surface-muted:#fafafa;--focus-ring:0 0 0 4px #667eea33;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-card:0 10px 30px #0f172a0f;--shadow-card-hover:0 16px 36px #0f172a1a;--shadow-focus:0 0 0 4px #667eea1f;--card-padding:24px;--card-padding-mobile:20px;--card-radius:12px;--card-border:#d9deea;--card-border-accent:#667eea;--color-heading:#101828;--color-body:#1f2937;--color-subtle:#4b5563;--color-caption:#667085;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-info-text:#1e40af;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-success-text:#166534;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#991b1b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#b45309;--footer-bg:#333;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001a;--sans:var(--font-body);--heading:var(--font-heading);--mono:ui-monospace, Consolas, monospace;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.3rem;--font-size-2xl:1.8rem;--font-size-3xl:2.5rem;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--page-gutter:clamp(1.25rem, 6vw, 10vw);--topbar-max-width:1320px;--page-content-max-width:1254px;--max-width:var(--page-content-max-width);--breakpoint-sm:640px;--breakpoint-md:1024px;--breakpoint-lg:1200px;--transition-fast:.2s ease;--transition-normal:.3s ease;--radius-xs:4px;--radius-2xs:6px;--radius-sm:8px;--radius-sm-md:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:16px;--radius-lg-xl:18px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:999px;font:18px/145% Nunito Sans,Plus Jakarta Sans,Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:#fff;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1023px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{box-sizing:border-box;font-family:Nunito Sans,Plus Jakarta Sans,Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font-family:var(--font-body)}*,:before,:after{box-sizing:inherit}body{font-family:Nunito Sans,Plus Jakarta Sans,Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font-family:var(--font-body);margin:0;overflow-x:clip}:where(a,button,input,select,textarea):focus-visible{outline:3px solid #667eea;outline:3px solid var(--color-primary);outline-offset:3px}#root{text-align:center;box-sizing:border-box;border-inline:0;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:Nunito Sans,Plus Jakarta Sans,Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:0;margin:32px 0;margin:var(--space-6) 0;font-size:56px}@media (width<=1023px){h1{margin:20px 0;margin:var(--space-4) 0;font-size:18px}}h2{letter-spacing:-.24px;margin:0 0 8px;margin:0 0 var(--space-1);font-size:24px;line-height:118%}@media (width<=1023px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:ui-monospace,Consolas,monospace;font-family:var(--mono);border-radius:4px;border-radius:var(--radius-xs);color:var(--text-h);display:inline-flex}code{background:#f4f3ec;background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell{background:#fafafa;background:var(--surface-muted);flex:1;width:100%;padding:2rem 0}.page-shell>*{width:100%;max-width:min(1254px,100% - 1rem);max-width:min(var(--page-content-max-width), calc(100% - 1rem));box-sizing:border-box;margin-inline:auto;padding:0}.page-grid{grid-gap:2rem;gap:2rem;width:100%;display:grid}.page-grid>:first-child,.page-grid>:nth-child(2):last-child{grid-column:1/-1}.footer{background:#333;background:var(--footer-bg);color:#fff;text-align:center;margin-top:auto;padding:2rem 1.5rem}.footer p{opacity:.8;margin:0;font-size:.9rem}.about-page,.profile-page,.settings-page,.resources-page,.contact-page,.browse-topics-page{max-width:min(1254px,100% - 2*max(1.25rem,6vw));max-width:min(var(--page-content-max-width), calc(100% - (var(--page-gutter) * 2)));box-sizing:border-box;margin:1.5rem auto 0;padding-inline:0}@media (width>=640px){.page-shell{padding:1.5rem 0}.settings-page__grid{grid-gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}}@media (width>=1024px){.page-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.page-grid>:nth-child(2){grid-column:1}.page-grid>:nth-child(3){grid-column:2}.page-grid>:nth-child(4){grid-column:1}.page-shell{padding:2rem 0}.about-page>:nth-child(2),.profile-page>:nth-child(2),.resources-page>:nth-child(2){grid-column:1/-1}}@media (width>=1024px) and (width<=1199px){.page-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:1.5rem}}@media (width<=1023px){.page-grid{grid-template-columns:1fr}.page-shell{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-center{text-align:center}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-3)}.mt-3{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-3)}.mb-3{margin-bottom:var(--space-5)}