.navbar{position:fixed;top:0;left:0;right:0;height:72px;z-index:1000;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 24px}.navbar-brand{display:flex;align-items:center;gap:2px;text-decoration:none}.navbar-logo-img{width:50px;height:50px;object-fit:contain}.navbar-title{font-family:var(--font-family-display);font-size:1.3rem;font-weight:700;color:#1a1a1a;letter-spacing:-.03em}.navbar-pill-container{display:none;align-items:center;gap:4px;padding:4px;background:#0000000d;border-radius:100px;position:absolute;left:50%;transform:translate(-50%)}@media(min-width:768px){.navbar-pill-container{display:flex}}.nav-item{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;color:#666;text-decoration:none;transition:all .2s ease}.nav-item:hover{color:#1a1a1a}.nav-item.active{color:#1a1a1a;background:#fff;box-shadow:0 2px 8px #00000014}.auth-pill{display:none;align-items:center;gap:4px;padding:4px;background:#0000000d;border-radius:100px}@media(min-width:768px){.auth-pill{display:flex}}.auth-item{padding:8px 18px;font-size:14px;font-weight:500;color:#666;text-decoration:none;border-radius:100px;transition:all .2s ease}.auth-item:hover{color:#1a1a1a}.auth-item.primary{color:#fff;background:#1a1a1a}.auth-item.primary:hover{background:#333}.navbar-actions{display:flex;align-items:center;gap:12px}.user-menu-wrapper{position:relative}.user-pill-trigger{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#0000000d;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease}.user-pill-trigger:hover{background:#00000014}.navbar-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#f3f4f6;border:1px solid rgba(0,0,0,.08)}.chevron{color:#666;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.user-menu-backdrop{position:fixed;inset:0;z-index:99}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 16px 48px #00000026;overflow:hidden;z-index:100;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fafafa}.header-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px #0000000d}.header-info{flex:1;min-width:0}.user-name{display:block;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.user-email-sub{display:block;font-size:12px;color:#888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown-divider{height:1px;background:#0000000f}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:14px;color:#444;text-decoration:none;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#fafafa}.dropdown-item.text-red{color:#ef4444}.dropdown-item.text-red:hover{background:#fef2f2}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#1a1a1a;cursor:pointer;border-radius:12px}.mobile-menu-btn:hover{background:#0000000a}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{position:absolute;top:72px;left:0;right:0;background:#fff;padding:12px;box-shadow:0 16px 48px #0000001f}@media(min-width:768px){.mobile-menu{display:none}}.mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:500;color:#1a1a1a;text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.mobile-link:hover,.mobile-link.active{background:#fafafa}.mobile-link.text-red{color:#ef4444}.mobile-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#f3f4f6}.mobile-divider{height:1px;background:#0000000f;margin:8px 0}.mobile-btn-primary{display:block;text-align:center;padding:14px 20px;margin:8px 4px 4px;background:#1a1a1a;color:#fff;border-radius:12px;font-size:15px;font-weight:500;text-decoration:none}.landing-page{min-height:100vh;background:#fafafa}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:12px;color:#1a1a1a}.section-subtitle{font-size:1.1rem;color:#666;text-align:center;margin-bottom:48px}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px 20px}.floating-covers{position:absolute;inset:0;pointer-events:none}.floating-cover{position:absolute;width:130px;height:170px;border-radius:12px;display:flex;align-items:flex-end;padding:14px;box-shadow:0 15px 50px #0000001f,0 5px 15px #00000014;transform:rotate(var(--rotation, 0deg));transition:transform .4s ease,box-shadow .4s ease;pointer-events:auto;cursor:pointer}.floating-cover:hover{transform:rotate(var(--rotation, 0deg)) scale(1.08) translateY(-5px);box-shadow:0 25px 60px #0000002e}.cover-title{font-family:var(--font-family-display);font-size:13px;font-weight:600;line-height:1.3}.floating-cover.pos-1{top:15%;left:6%}.floating-cover.pos-2{top:12%;right:6%}.floating-cover.pos-3{bottom:18%;left:8%}.floating-cover.pos-4{bottom:15%;right:8%}.hero-content{text-align:center;position:relative;z-index:10;max-width:640px}.hero-logo{height:40px;width:auto;margin-bottom:24px}.footer-logo-img{height:50px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}.hero-headline{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;color:#1a1a1a;margin-bottom:20px;letter-spacing:-.03em}.icon-wrapper{display:inline-block;font-size:.85em;vertical-align:middle}.headline-nowrap{display:inline-block;white-space:nowrap}.typing-text{font-family:Playfair Display,serif;font-style:italic;font-weight:500;white-space:nowrap}.typing-cursor{font-weight:300;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.headline-nowrap{white-space:normal;display:inline}.typing-line{display:block;margin-top:8px}.typing-text{white-space:normal}}.hero-subtitle{font-size:1.1rem;color:#666;margin-bottom:32px}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.cta-button{display:inline-block;padding:14px 28px;border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#1a1a1a;color:#fff;box-shadow:0 4px 20px #00000026}.cta-button.primary:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.cta-button.secondary{background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.1)}.cta-button.secondary:hover{background:#f5f5f5}.cta-button.large{padding:18px 36px;font-size:16px}.floating-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.floating-tag{display:inline-block;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;transform:rotate(var(--rotate, 0deg));box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:default}.floating-tag:hover{transform:rotate(0) scale(1.05);box-shadow:0 8px 20px #0000001f}.logos-section{padding:40px 0 60px;background:#fafafa;overflow:hidden}.logos-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.logos-title{font-size:1rem;font-weight:500;color:#666;letter-spacing:.02em}.verified-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.verified-pill svg{flex-shrink:0}.logos-marquee-wrapper{position:relative;width:100%}.logos-marquee-wrapper:before,.logos-marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.logos-marquee-wrapper:before{left:0;background:linear-gradient(to right,#fafafa 0%,transparent 100%)}.logos-marquee-wrapper:after{right:0;background:linear-gradient(to left,#fafafa 0%,transparent 100%)}.logos-marquee{overflow:hidden}.logos-track{display:flex;gap:100px;animation:marquee 35s linear infinite;width:max-content;padding:0 50px}.logo-item{height:32px;width:auto;object-fit:contain;opacity:.9;transition:all .3s ease;cursor:default}.logo-item:hover{opacity:1;transform:scale(1.15)}.stripe-logo{filter:invert(39%) sepia(99%) saturate(1716%) hue-rotate(215deg) brightness(93%) contrast(92%)}.shopify-logo{filter:invert(56%) sepia(71%) saturate(470%) hue-rotate(77deg) brightness(97%) contrast(92%)}.hubspot-logo{filter:invert(41%) sepia(98%) saturate(1228%) hue-rotate(346deg) brightness(94%) contrast(95%)}.amazon-logo{filter:invert(47%) sepia(98%) saturate(1843%) hue-rotate(6deg) brightness(101%) contrast(101%)}.microsoft-logo{filter:invert(32%) sepia(93%) saturate(1352%) hue-rotate(166deg) brightness(96%) contrast(101%)}.meta-logo{filter:invert(34%) sepia(98%) saturate(1845%) hue-rotate(201deg) brightness(96%) contrast(94%)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos-marquee:hover .logos-track{animation-play-state:paused}@media(max-width:768px){.logos-section{padding:20px 0 40px}.logos-header{flex-direction:column;gap:8px}.logo-item{font-size:1.25rem}.logos-track{gap:40px;animation-duration:20s}}.landing-featured-section{padding:60px 0 40px;background:#fafafa}.featured-header{text-align:center;margin-bottom:40px}.featured-pill{display:inline-block;padding:6px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:100px;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.landing-featured-wrapper{max-width:1000px;margin:0 auto}.sticky-notes-section{padding:60px 0;background:linear-gradient(180deg,#f5f5f7,#fff)}.section-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;text-align:center;display:block}.section-subtitle{font-size:1.1rem;color:#666;margin-bottom:48px;text-align:center;display:block}.sticky-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;max-width:900px;margin:0 auto}.sticky-note{position:relative;padding:28px;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;transition:all .3s ease}.sticky-note:hover{transform:translateY(-8px) scale(1.05) rotate(0)!important;box-shadow:0 20px 50px #00000026;z-index:10}.sticky-note:nth-child(1){transform:rotate(-2deg)}.sticky-note:nth-child(2){transform:rotate(1deg);margin-top:40px}.sticky-note:nth-child(3){transform:rotate(-1deg)}.sticky-note:nth-child(4){transform:rotate(2deg);margin-top:-20px}.sticky-note:nth-child(5){transform:rotate(-1.5deg);margin-top:20px}.sticky-note:nth-child(6){transform:rotate(1.5deg);margin-top:-10px}.sticky-note.note-peach{background:linear-gradient(135deg,#fef3e5,#fde8dc)}.sticky-note.note-lavender{background:linear-gradient(135deg,#f0ebff,#e8e4f4)}.sticky-note.note-pink{background:linear-gradient(135deg,#fce7f3,#f8d5e8)}.sticky-note.note-cream{background:linear-gradient(135deg,#fef9e7,#fef3c7)}.sticky-note.note-mint{background:linear-gradient(135deg,#e7faf1,#d1fae5)}.sticky-note.note-sky{background:linear-gradient(135deg,#eef4ff,#dbeafe)}.sticky-note:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;box-shadow:0 2px 6px #0003}.sticky-note.pin-orange:before{background:linear-gradient(135deg,#fb923c,#ea580c)}.sticky-note.pin-blue:before{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.sticky-note.pin-purple:before{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.note-number{font-size:.85rem;font-weight:600;color:#00000040;margin-bottom:8px;display:block}.note-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.note-desc{font-size:.85rem;color:#555;line-height:1.6}@media(max-width:900px){.sticky-notes-grid{grid-template-columns:repeat(2,1fr);gap:32px}.sticky-note:nth-child(n){margin-top:0}}@media(max-width:640px){.sticky-notes-grid{grid-template-columns:1fr;max-width:320px}}.cta-section{padding:60px 0;background:#fafafa}.cta-card{background:linear-gradient(135deg,#1a1a1a,#333);padding:64px 48px;border-radius:24px;text-align:center;color:#fff}.cta-card h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:16px;color:#fff}.cta-card p{font-size:1.1rem;color:#ffffffb3;margin-bottom:32px}.cta-card .cta-button.primary{background:#fff;color:#1a1a1a}.cta-card .cta-button.primary:hover{background:#f5f5f5}.faq-section{padding:80px 0;background:#fff}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(0,0,0,.08)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:1.1rem;font-weight:500;color:#1a1a1a;cursor:pointer;list-style:none;transition:color .2s ease}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:#666}.faq-icon{font-size:1.5rem;font-weight:300;color:#999;transition:transform .3s ease}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-item[open] .faq-question{color:#1a1a1a;font-weight:600}.faq-answer{padding:0 0 24px;font-size:1rem;color:#666;line-height:1.7}@media(max-width:768px){.faq-section{padding:60px 0}.faq-question{font-size:1rem;padding:20px 0}}.premium-footer{background:#f7f7f5;padding:100px 0 0;position:relative;overflow:hidden}.footer-logo-center{display:flex;justify-content:center;margin-bottom:60px}.footer-logo-img{height:100px;width:auto;filter:brightness(0)}.footer-cta-section{text-align:center;padding:0 24px 80px;max-width:800px;margin:0 auto}.footer-cta-headline{font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.3;color:#1a1a1a;margin-bottom:40px;font-style:normal}.footer-cta-headline em{font-weight:700;font-style:normal}.footer-cta-pill{display:inline-flex;align-items:center;gap:12px;background:#1a1a1a;color:#fff;padding:12px 24px 12px 16px;border-radius:100px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.footer-cta-pill:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040}.pill-icon{font-size:1.5rem}.pill-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pill-title{font-size:.95rem;font-weight:600}.pill-subtitle{font-size:.75rem;opacity:.7}.footer-links-section{display:flex;justify-content:center;gap:80px;padding:0 24px 60px;border-bottom:1px solid rgba(0,0,0,.06)}.footer-link-group h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:16px}.footer-link-group a{display:block;font-size:.9rem;color:#1a1a1a;text-decoration:none;margin-bottom:10px;transition:color .2s ease}.footer-link-group a:hover{color:#666}.footer-brand-giant{font-size:clamp(8rem,22vw,20rem);font-weight:800;text-align:center;line-height:.85;letter-spacing:-.04em;color:transparent;background:linear-gradient(180deg,#0000001f,#00000005);-webkit-background-clip:text;background-clip:text;padding:40px 0 0;-webkit-user-select:none;user-select:none;pointer-events:none}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;background:#f7f7f5}.footer-copyright{font-size:.8rem;color:#999}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{font-size:.8rem;color:#666;text-decoration:none;transition:color .2s ease}.footer-bottom-links a:hover{color:#1a1a1a}@media(max-width:768px){.footer-links-section{flex-wrap:wrap;gap:40px;justify-content:flex-start;padding-left:48px}.footer-bottom-bar{flex-direction:column;gap:16px;text-align:center;padding:24px}}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:16px}.built-by-mark{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;color:#94a3b8;text-decoration:none;transition:color .2s ease}.built-by-mark:hover{color:#0f172a;background:none;box-shadow:none;transform:none;border-color:transparent}.built-by-mark .author-name{font-weight:600}@media(max-width:640px){.footer-bottom-content{flex-direction:column;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotate, 0))}50%{transform:translateY(-10px) rotate(var(--rotate, 0))}}.reveal-hidden{opacity:0;transform:translateY(60px) scale(.95);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform 1.2s cubic-bezier(.25,.46,.45,.94)}.reveal-visible{opacity:1;transform:translateY(0) scale(1)}.reveal-visible .sticky-note:nth-child(1){transition-delay:0s}.reveal-visible .sticky-note:nth-child(2){transition-delay:.2s}.reveal-visible .sticky-note:nth-child(3){transition-delay:.4s}.reveal-visible .sticky-note:nth-child(4){transition-delay:.6s}.reveal-visible .sticky-note:nth-child(5){transition-delay:.8s}.reveal-visible .sticky-note:nth-child(6){transition-delay:1s}.hero-headline{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.hero-subtitle{opacity:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s forwards}.hero-cta{opacity:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s forwards}.floating-tag{animation:popIn .6s cubic-bezier(.34,1.56,.64,1) backwards}.floating-tag:nth-child(1){animation-delay:.6s}.floating-tag:nth-child(2){animation-delay:.7s}.floating-tag:nth-child(3){animation-delay:.8s}.floating-tag:nth-child(4){animation-delay:.9s}.floating-tag:nth-child(5){animation-delay:1s}.featured-section{margin-bottom:var(--space-8)}.featured-card{position:relative;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:24px 32px;overflow:hidden;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;box-shadow:0 4px 20px #00000008}.featured-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000f;border-color:#0000001a}.featured-close-btn{position:absolute;top:16px;right:16px;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.featured-close-btn:hover{background:#fff;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.featured-title-container{position:relative;width:fit-content}.featured-content{display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:1;width:100%}.featured-text{flex:1;min-width:0}.featured-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:12px;font-weight:500}.featured-category{color:#6366f1}.featured-stats{color:var(--color-text-tertiary)}.dot{color:var(--color-border-default)}.featured-title{font-family:var(--font-family-display);font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:6px;line-height:1.2;position:relative;z-index:2}.featured-title-stamp{position:absolute;top:-50px;left:-40px;z-index:1;pointer-events:none;opacity:.4;transition:all .4s ease}.pro-picked-stamp{width:120px;height:120px;object-fit:contain;transform:rotate(15deg)}.featured-card:hover .featured-title-stamp{opacity:.6;transform:scale(1.1) rotate(10deg)}.featured-description{font-size:.95rem;color:#475569;line-height:1.5;max-width:580px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-action{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0f172a;color:#fff;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;transition:all .2s ease}.featured-action:hover{background:#1e293b;transform:translate(3px)}.featured-bg-glow{position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,rgba(168,85,247,.03) 40%,transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}@media(max-width:1024px){.featured-card{padding:24px}.featured-content{flex-direction:column;align-items:flex-start;gap:20px}.featured-action{width:100%;justify-content:center}.featured-title{font-size:1.35rem}}@media(max-width:640px){.featured-card{padding:20px 16px}.featured-title{font-size:1.25rem}.featured-description{font-size:.9rem;-webkit-line-clamp:3;line-clamp:3}}:root{--color-bg-primary: #FAFAFA;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F5F5F5;--color-bg-elevated: #FFFFFF;--color-bg-hover: rgba(0, 0, 0, .03);--color-surface-card: #FFFFFF;--color-surface-hover: rgba(0, 0, 0, .02);--color-surface-active: rgba(0, 0, 0, .04);--color-border-subtle: rgba(0, 0, 0, .06);--color-border-default: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .15);--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-tertiary: #6B6B6B;--color-text-muted: #9A9A9A;--color-accent-orange: #F97316;--color-accent-blue: #3B82F6;--color-accent-pink: #EC4899;--color-accent-green: #10B981;--color-accent-purple: #8B5CF6;--color-accent-yellow: #EAB308;--color-accent-red: #EF4444;--color-accent-teal: #14B8A6;--color-accent-primary: #1A1A1A;--color-accent-secondary: #4A4A4A;--color-success: #10B981;--color-success-soft: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-soft: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-soft: rgba(239, 68, 68, .1);--font-family-display: "Plus Jakarta Sans", sans-serif;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "Menlo", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .15);--shadow-card: 0 8px 24px rgba(0, 0, 0, .1);--shadow-float: 0 20px 40px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-slower: .6s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--navbar-height: 72px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressFill{0%{stroke-dashoffset:var(--progress-circumference, 283)}to{stroke-dashoffset:var(--progress-offset, 0)}}@keyframes checkMark{0%{stroke-dashoffset:24;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease forwards}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) ease forwards}.animate-slideInLeft{animation:slideInLeft var(--transition-slow) ease forwards}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease forwards}.animate-scaleIn{animation:scaleIn var(--transition-base) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--color-surface-glass) 0%,var(--color-surface-glass-hover) 50%,var(--color-surface-glass) 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-bounce{animation:bounce .5s ease infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*{opacity:0;animation:fadeInUp var(--transition-slow) ease forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-8)}}@media(min-width:1024px){.container{padding:0 var(--space-12)}}.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:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}::selection{background:var(--color-text-primary);color:var(--color-bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}