@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:wght@600;700&display=swap";.header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.nav{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;color:#fff;margin:0}.logo:hover{text-decoration:none}.nav-toggle{display:block;background:transparent;color:#fff;border:none;font-size:1.75rem;padding:var(--spacing-sm);min-width:auto;cursor:pointer;z-index:60;transition:transform .3s ease}.nav-toggle:hover{transform:scale(1.1)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-menu{position:fixed;top:0;right:-100%;width:280px;max-width:85%;height:100vh;background-color:var(--color-primary);list-style:none;padding:var(--spacing-3xl) var(--spacing-lg);margin:0;display:flex;flex-direction:column;gap:var(--spacing-lg);z-index:50;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px #0003}.nav-menu-open{right:0}.nav-menu li{list-style:none}.nav-menu a{color:#fff;font-weight:500;font-size:1.125rem;display:block;padding:var(--spacing-sm) 0;transition:all .2s;border-bottom:2px solid transparent}.nav-menu a:hover{text-decoration:none;border-bottom-color:#ffffff80;padding-left:var(--spacing-sm)}.nav-menu .btn-primary{background-color:var(--color-secondary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-align:center;margin-top:var(--spacing-md);font-size:1rem;border:none}.nav-menu .btn-primary:hover{background-color:#c36835;padding-left:var(--spacing-lg);transform:none}.btn-link{background:none;color:#fff;padding:0;min-height:auto;text-decoration:none;font-weight:500;font-size:1.125rem;text-align:left;width:100%;display:block;padding:var(--spacing-sm) 0;transition:all .2s;border-bottom:2px solid transparent}.btn-link:hover{text-decoration:none;border-bottom-color:#ffffff80;padding-left:var(--spacing-sm)}@media (min-width: 768px){.nav-toggle,.nav-overlay{display:none}.nav-menu{position:static;width:auto;max-width:none;height:auto;flex-direction:row;padding:0;background:transparent;box-shadow:none;overflow:visible;gap:var(--spacing-lg);align-items:center}.nav-menu a{font-size:1rem;padding:0;border-bottom:none}.nav-menu a:hover{text-decoration:underline;padding-left:0;border-bottom:none}.nav-menu .btn-primary{margin-top:0;padding:var(--spacing-sm) var(--spacing-lg)}.nav-menu .btn-primary:hover{padding-left:var(--spacing-lg);transform:translateY(-1px)}.btn-link{font-size:1rem;width:auto;display:inline;padding:0;border-bottom:none}.btn-link:hover{text-decoration:underline;padding-left:0;border-bottom:none}}.coming-soon-page{min-height:100vh;display:flex;flex-direction:column}.coming-soon-header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) 0;box-shadow:var(--shadow-md)}.coming-soon-header .header-content{display:flex;justify-content:space-between;align-items:center}.coming-soon-header .logo{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin:0}.coming-soon-header .header-tagline{color:#ffffffe6;font-weight:500;margin:0}@media (max-width: 767px){.coming-soon-header .header-content{flex-direction:column;gap:var(--spacing-xs);text-align:center}}.coming-soon-hero{position:relative;min-height:calc(100vh - 100px);display:flex;align-items:center;color:#fff;padding:var(--spacing-3xl) 0;overflow:hidden;flex:1}.coming-soon-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.coming-soon-hero .hero-background img{width:100%;height:100%;object-fit:cover;object-position:30% center}.coming-soon-hero .hero-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000080,#0006,#0009)}@media (min-width: 768px){.coming-soon-hero .hero-background img{object-position:center}}.coming-soon-hero .hero-content{position:relative;z-index:1;display:flex;align-items:center;min-height:600px}.coming-soon-hero .hero-text{width:100%;max-width:600px;margin:0 auto}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:#fff;margin-bottom:var(--spacing-md);text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1.2}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:#fffffff2;margin-bottom:var(--spacing-2xl);text-shadow:0 1px 4px rgba(0,0,0,.4)}.early-access-card{background:#fff;color:var(--color-text);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.early-access-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.75rem}.benefit-text{color:var(--color-text-light);margin-bottom:var(--spacing-xl);line-height:1.6}.btn-full-width{width:100%}.what-to-expect{padding:var(--spacing-4xl) 0;background:#fff}.what-to-expect h2{text-align:center;margin-bottom:var(--spacing-md)}.section-subtitle{text-align:center;color:var(--color-text-light);font-size:1.125rem;margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--color-background-alt);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem}.feature-card p{color:var(--color-text-light);line-height:1.6}.coming-soon-footer{background:var(--color-primary);color:#fff;padding:var(--spacing-xl) 0;text-align:center;margin-top:auto}.coming-soon-footer p{margin:var(--spacing-xs) 0;opacity:.9}.footer-note{font-size:.875rem;opacity:.7}@media (max-width: 767px){.early-access-card{padding:var(--spacing-xl)}.coming-soon-hero{min-height:auto;padding:var(--spacing-2xl) 0}}.thanks-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background-alt)}.thanks-content{flex:1;display:flex;align-items:center;padding:var(--spacing-3xl) 0}.thanks-card{max-width:800px;margin:0 auto;padding:var(--spacing-3xl);text-align:center}.success-icon{width:80px;height:80px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto var(--spacing-lg);font-weight:700}.thanks-card h1{color:var(--color-primary);margin-bottom:var(--spacing-md)}.lead-text{font-size:1.125rem;color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-3xl)}.what-happens-next{text-align:left;margin:var(--spacing-3xl) 0;padding:var(--spacing-xl);background:var(--color-background-alt);border-radius:var(--radius-lg)}.what-happens-next h2{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--color-primary)}.timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.timeline-item{display:grid;grid-template-columns:60px 1fr;gap:var(--spacing-lg);align-items:start}.timeline-number{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;flex-shrink:0}.timeline-content h3{margin-bottom:var(--spacing-sm);color:var(--color-text)}.timeline-content p{color:var(--color-text-light);line-height:1.6}.share-section{margin:var(--spacing-3xl) 0;padding:var(--spacing-xl);background:var(--color-background-alt);border-radius:var(--radius-lg)}.share-section h3{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.share-section p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.share-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.footer-action{margin-top:var(--spacing-2xl)}@media (max-width: 767px){.thanks-card{padding:var(--spacing-xl)}.timeline-item{grid-template-columns:50px 1fr;gap:var(--spacing-md)}.timeline-number{width:50px;height:50px;font-size:1.25rem}.success-icon{width:60px;height:60px;font-size:2rem}}.mockup-index{min-height:100vh;padding:var(--spacing-3xl) 0;background:var(--color-background-alt)}.index-header{text-align:center;margin-bottom:var(--spacing-3xl)}.index-header h1{color:var(--color-primary);margin-bottom:var(--spacing-md)}.index-header p{color:var(--color-text-light);font-size:1.125rem}.mockup-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}@media (min-width: 768px){.mockup-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.mockup-cards{grid-template-columns:repeat(3,1fr)}}.mockup-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column}.mockup-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.mockup-number{display:inline-block;background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);align-self:flex-start}.mockup-card h2{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-sm)}.mockup-card p{color:var(--color-text-light);line-height:1.6;flex:1;margin-bottom:var(--spacing-md)}.view-link{color:var(--color-primary);font-weight:600;align-self:flex-start}.mockup-card:hover .view-link{text-decoration:underline}.design-notes{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.design-notes h3{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.design-notes ul{list-style-position:inside;color:var(--color-text-light);line-height:1.8}.design-notes li{margin-bottom:var(--spacing-sm)}.mockup1{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0;background:#fafbf8}.welcome-section{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-lg)}.welcome-section h1{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}.welcome-section .subtitle{color:var(--color-text-light);font-size:1.125rem;font-weight:400}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media (min-width: 540px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:#fff;border:1px solid #e8e9e6;border-radius:12px;padding:0;display:flex;flex-direction:column;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000f}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #6b7c3a26;border-color:var(--color-primary)}.service-card:active{transform:translateY(-3px)}.service-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f5f6f3;position:relative}.service-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image{transform:scale(1.05)}.service-name{font-size:1.125rem;color:var(--color-text);text-align:center;font-family:var(--font-display);font-weight:600;padding:var(--spacing-lg);margin:0}@media (max-width: 539px){.services-grid{gap:var(--spacing-lg)}.service-name{font-size:1rem;padding:var(--spacing-md)}}.mockup2{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0;background:#fff}.mockup2 .welcome-section{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-lg)}.mockup2 .welcome-section h1{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}.mockup2 .welcome-section .subtitle{color:var(--color-text-light);font-size:1.125rem;font-weight:400}.services-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.service-row{background:#fff;border:1px solid #e8e9e6;border-radius:12px;padding:var(--spacing-lg);display:grid;grid-template-columns:80px 1fr auto;gap:var(--spacing-lg);align-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:0 1px 3px #0000000f}.service-row:hover{transform:translate(8px);box-shadow:0 8px 16px #6b7c3a1f;border-color:var(--color-primary)}.service-row:active{transform:translate(4px)}.service-image-container{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f6f3}.service-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-row:hover .service-thumbnail{transform:scale(1.08)}.service-content{min-width:0}.service-row .service-name{font-size:1.125rem;color:var(--color-text);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-display);font-weight:600;line-height:1.3}.service-description{color:var(--color-text-light);font-size:.9375rem;margin:0;line-height:1.5}.service-arrow{color:var(--color-text-light);flex-shrink:0;transition:all .2s ease}.service-row:hover .service-arrow{color:var(--color-primary);transform:translate(4px)}@media (max-width: 640px){.service-row{grid-template-columns:64px 1fr auto;padding:var(--spacing-md);gap:var(--spacing-md)}.service-image-container{width:64px;height:64px}.service-row .service-name{font-size:1rem}.service-description{font-size:.875rem}.service-arrow{width:20px;height:20px}}.mockup3{min-height:calc(100vh - 80px);background:linear-gradient(to bottom,#fafbf8,#f5f6f3)}.mockup3-inner{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:var(--spacing-3xl) 0}.mockup3 .container{width:100%}.hero-section{text-align:center;margin-bottom:var(--spacing-3xl)}.hero-section h1{color:var(--color-primary);font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:var(--spacing-sm);font-weight:700}.hero-subtitle{color:var(--color-text-light);font-size:1.125rem;font-weight:400}.compact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:900px;margin:0 auto}@media (min-width: 540px){.compact-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.compact-grid{grid-template-columns:repeat(3,1fr)}}.compact-service-card{background:#fff;border:1px solid #e8e9e6;border-radius:12px;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000f}.compact-service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6b7c3a26;border-color:var(--color-primary)}.compact-service-card:active{transform:translateY(-2px)}.compact-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f5f6f3}.compact-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.compact-service-card:hover .compact-image{transform:scale(1.05)}.compact-label{font-size:1.0625rem;font-weight:600;color:var(--color-text);font-family:var(--font-display);padding:var(--spacing-lg);text-align:center;display:block}@media (max-width: 539px){.compact-label{font-size:1rem;padding:var(--spacing-md)}}.mockup4{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0;background:#fff}.welcome-header{margin-bottom:var(--spacing-3xl);text-align:center}.welcome-header h1{color:var(--color-primary);font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:var(--spacing-sm);font-weight:700}.welcome-header p{color:var(--color-text-light);font-size:1.125rem;font-weight:400}.image-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media (min-width: 540px){.image-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.image-grid{grid-template-columns:repeat(3,1fr)}}.image-card{position:relative;border:none;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 8px #00000014}.image-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #6b7c3a2e}.image-card:active{transform:translateY(-4px)}.card-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.image-card:hover .card-image{transform:scale(1.08)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000000d 40%,#0000004d);transition:background .3s ease;pointer-events:none}.image-card:hover .image-overlay{background:linear-gradient(to bottom,#0000,#0000001a 40%,#0006)}.image-card-title{position:absolute;bottom:0;left:0;right:0;z-index:1;color:#fff;font-size:1.25rem;font-family:var(--font-display);font-weight:700;text-align:center;padding:var(--spacing-xl);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4);background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%)}@media (max-width: 539px){.image-card-title{font-size:1.125rem;padding:var(--spacing-lg)}}.mockup5{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0;background:#fff}.page-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid #e8e9e6}.page-header h1{color:var(--color-primary);font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:var(--spacing-xs);font-weight:700}.header-subtitle{color:var(--color-text-light);font-size:1.0625rem;margin:0;font-weight:400}.stacked-services{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.stacked-btn{background:#fff;border:1px solid #e8e9e6;border-radius:12px;padding:var(--spacing-lg);display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:var(--spacing-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:0 1px 3px #0000000f}.stacked-btn:hover{background:#fafbf8;border-color:var(--color-primary);box-shadow:0 6px 12px #6b7c3a1f;transform:translate(6px)}.stacked-btn:active{transform:translate(3px)}.btn-image-wrapper{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f6f3}.btn-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stacked-btn:hover .btn-image{transform:scale(1.1)}.btn-label{font-size:1.125rem;font-weight:600;color:var(--color-text);font-family:var(--font-display)}.btn-chevron{color:var(--color-text-light);flex-shrink:0;transition:all .2s ease}.stacked-btn:hover .btn-chevron{color:var(--color-primary);transform:translate(4px)}.bottom-reassurance{text-align:center;margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid #e8e9e6}.bottom-reassurance p{color:var(--color-text-light);font-size:.9375rem;margin:0}@media (max-width: 640px){.stacked-btn{grid-template-columns:60px 1fr auto;padding:var(--spacing-md);gap:var(--spacing-md)}.btn-image-wrapper{width:60px;height:60px}.btn-label{font-size:1rem}.btn-chevron{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #6b7c3a;--color-primary-dark: #4a5428;--color-primary-light: #8a9b5a;--color-secondary: #d97941;--color-accent: #e5a957;--color-text: #2d3319;--color-text-light: #5a6142;--color-background: #ffffff;--color-background-alt: #f7f8f4;--color-border: #d4d8c8;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--font-display: "Fraunces", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}body{font-family:var(--font-body);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,1.125rem + .625vw,1.75rem)}header,nav,main,footer,section,article,aside{display:block}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:16px;min-height:44px;min-width:44px;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:600;padding:.875rem 2rem;font-size:1.0625rem}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white;font-weight:600;padding:.875rem 2rem}.btn-secondary:hover:not(:disabled){background-color:#fff;color:var(--color-primary)}.btn-outline{background-color:transparent;border:2px solid currentColor;color:var(--color-primary)}input,select,textarea{font-family:inherit;font-size:16px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text)}.form-group{margin-bottom:var(--spacing-lg)}.form-error{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-xs)}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{max-width:720px;padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:960px;padding:0 var(--spacing-xl)}}@media (min-width: 1280px){.container{max-width:1200px}}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-light)}.error-message{background-color:#fee2e2;border:1px solid var(--color-error);color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.success-message{background-color:#d1fae5;border:1px solid var(--color-success);color:#065f46;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.auth-card{max-width:500px;width:100%;margin:0 auto}.auth-card h1{margin-bottom:var(--spacing-lg);color:var(--color-text)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-light)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light)}