:root{--color-primary-light:#f6eff6;--color-primary:#c5a3c5;--color-primary-dark:#683b68;--color-primary-accent:#683b68;--color-background:#fff;--color-surface:#fafafc;--color-text-main:#1f1b24;--color-text-muted:#8a7b9d;--color-border:#eae6ef;--color-success:#e7f6f1;--color-success-text:#1e6348;--color-error:#fee2e2;--color-error-text:#991b1b;--color-warning:#fef9c3;--color-warning-text:#713f12;--color-pearl:#f9f9f9;--color-pearl-border:#e2e2ea;--color-pearl-shadow:#0000000d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glass:none;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-weight:700;line-height:1.2}button{font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;background:0 0;border:none;min-width:44px;min-height:44px}input,textarea,select{font-family:var(--font-sans);font-size:16px}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.glass{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.container{padding:0 16px}h1{font-size:1.875rem!important}h2{font-size:1.5rem!important}.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important;gap:16px!important}[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.skip-to-main{z-index:9999;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md);padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:top .1s;position:absolute;top:-100%;left:16px}.skip-to-main:focus{top:16px}:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}a:hover{text-decoration:underline}.nav-link:hover,.navbar-logo:hover,.mobile-nav-link:hover,.pearl-badge:hover,.nav-icon-link:hover{text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline:3px solid buttontext}}.btn{border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.btn-secondary:hover{background-color:var(--color-primary)}.btn-outline{border:1px solid var(--color-primary-dark);color:var(--color-primary-dark);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}.btn-ghost{color:var(--color-text-muted);background-color:#0000}.btn-ghost:hover{color:var(--color-text-main);background-color:var(--color-border)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-full{width:100%}.btn.visual-disabled{opacity:.6;filter:grayscale()}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake{animation:.4s ease-in-out shake}.navbar{z-index:100;border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.navbar-logo{z-index:110;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background-color:var(--color-primary-dark);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.logo-text{color:var(--color-text-main);font-size:1.125rem;font-weight:700}.navbar-nav{align-items:center;gap:20px;display:flex}.nav-link{color:var(--color-text-main);white-space:nowrap;font-size:.9375rem;font-weight:500}.nav-link:hover{color:var(--color-primary-accent)}.nav-link-icon{align-items:center;gap:6px;font-size:.875rem;display:flex}.nav-divider{background-color:var(--color-border);width:1px;height:24px}.nav-auth-section{align-items:center;gap:12px;display:flex}.nav-login{font-size:.875rem}.pearl-badge{background-color:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;font-weight:600;display:flex}.pearl-badge:hover{background-color:var(--color-primary)}.pearl-dot{background-color:#0000;background-image:url(/pearl.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:14px;height:14px}.nav-icon-link{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:flex}.nav-icon-link:hover{color:var(--color-primary-accent);background:var(--color-primary-light)}.logout-btn:hover{color:var(--color-error-text)}.hamburger-btn{border-radius:var(--radius-sm);cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:4px;display:none}.hamburger-btn span{background-color:var(--color-text-main);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{-webkit-backdrop-filter:blur(16px);z-index:99;border-top:1px solid var(--color-border);background:#fffffffa;flex-direction:column;gap:8px;padding:32px 24px;animation:.25s ease-out slideDown;display:none;position:fixed;inset:64px 0 0;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer.open{display:flex}.mobile-nav-link{border-radius:var(--radius-md);color:var(--color-text-main);align-items:center;gap:12px;padding:14px 16px;font-size:1.0625rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--color-primary-light);color:var(--color-primary-accent)}.mobile-divider{background:var(--color-border);height:1px;margin:8px 0}.mobile-pearl-section{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.mobile-auth-buttons{flex-direction:column;gap:12px;margin-top:8px;display:flex}@media (width<=768px){.navbar-nav{display:none}.hamburger-btn{display:flex}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:64px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;padding-top:48px;padding-bottom:48px;display:flex}.footer-brand{flex-shrink:0;max-width:280px}.footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.logo-icon-small{background-color:var(--color-primary-dark);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:flex}.footer-tagline{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.footer-links{flex-wrap:wrap;gap:48px;display:flex}.footer-column{flex-direction:column;gap:10px;min-width:100px;display:flex}.footer-column h4{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-main);margin-bottom:6px;font-size:.8125rem;font-weight:700}.footer-column a{color:var(--color-text-muted);padding:2px 0;font-size:.875rem;transition:color .15s}.footer-column a:hover{color:var(--color-primary-accent)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);padding:20px 0;font-size:.8125rem}@media (width<=640px){.footer-container{flex-direction:column;gap:32px;padding-top:36px;padding-bottom:36px}.footer-brand{max-width:100%}.footer-links{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.footer-column{min-width:0}.footer{margin-top:40px}}@media (width<=380px){.footer-links{grid-template-columns:1fr 1fr}}