﻿@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-white: #ffffff;--color-gray-50: #f7f7f7;--color-gray-200: #e5e5e5;--color-gray-600: #666666;--color-gray-900: #1a1a1a;--color-black-soft: #2d2d2d;--color-accent-primary: #007aff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-background: var(--color-white);--color-surface: var(--color-gray-50);--color-border: var(--color-gray-200)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-sm: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);--font-size-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.375rem);--font-size-xl: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);--font-size-2xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);--font-size-3xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600}:root{--space-unit: 0.5rem;--space-xs: calc(var(--space-unit) * 1);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 4);--space-xl: calc(var(--space-unit) * 6);--space-2xl: calc(var(--space-unit) * 8);--space-3xl: calc(var(--space-unit) * 12);--space-4xl: calc(var(--space-unit) * 16);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}:root{--ease-gentle: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-subtle: cubic-bezier(0.16, 1, 0.3, 1);--duration-quick: 200ms;--duration-normal: 300ms;--duration-slow: 500ms}:root{--shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);--shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);--shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.03);--shadow-prominent: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}html *,html *::before,html *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-0.01em;line-height:var(--line-height-tight);margin-bottom:var(--space-md);hyphens:none;word-break:keep-all}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:-0.02em;margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:-0.01em;margin-bottom:var(--space-lg)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h5,h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-md);max-width:65ch}p:last-child{margin-bottom:0}a{color:var(--color-accent-primary);text-decoration:none;transition:all var(--duration-quick) var(--ease-gentle)}a:hover{color:color-mix(in srgb, var(--color-accent-primary) 80%, black);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;line-height:inherit;background:rgba(0,0,0,0);border:none;cursor:pointer}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}ul li,ol li{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}ul li:last-child,ol li:last-child{margin-bottom:0}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:0;margin:0}img{max-width:100%;height:auto;display:block;border-radius:var(--radius-md)}figure{margin-bottom:var(--space-lg)}figure figcaption{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-sm)}input,textarea,select{font-family:var(--font-primary);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-background);color:var(--color-text-primary);transition:all var(--duration-quick) var(--ease-gentle)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(0,122,255,.1)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-secondary);opacity:.7}textarea{resize:vertical;min-height:120px}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-primary)}.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:0}.container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.container{padding:0 var(--space-xl)}}.container-sm{max-width:var(--container-sm);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.container-sm{padding:0 var(--space-xl)}}.container-md{max-width:var(--container-md);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.container-md{padding:0 var(--space-xl)}}.container-xl{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.container-xl{padding:0 var(--space-xl)}}section{padding:var(--space-3xl) 0}@media(min-width: 640px){section{padding:var(--space-4xl) 0}}section:first-of-type{padding-top:var(--space-2xl)}section:last-of-type{padding-bottom:var(--space-3xl)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;position:relative}.header-hero{text-align:center;padding:var(--space-4xl) 0;background:var(--color-background)}@media(min-width: 768px){.header-hero{padding:calc(var(--space-4xl)*1.5) 0}}.header-hero .container{max-width:var(--container-md);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.header-hero .container{padding:0 var(--space-xl)}}.hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:var(--space-lg);max-width:12ch;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);margin-bottom:var(--space-xl);max-width:50ch;margin-left:auto;margin-right:auto}.hero-description{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:65ch;margin:0 auto var(--space-2xl)}.grid-minimal{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width: 768px){.grid-minimal{grid-template-columns:repeat(2, 1fr);gap:var(--space-2xl)}}.grid-features{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width: 640px){.grid-features{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.grid-features{grid-template-columns:repeat(3, 1fr);gap:var(--space-2xl)}}.grid-quartet{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width: 640px){.grid-quartet{grid-template-columns:repeat(2, 1fr);gap:var(--space-xl)}}@media(min-width: 768px){.grid-quartet{grid-template-columns:repeat(4, 1fr)}}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-xl)}@media(min-width: 768px){.grid-auto{gap:var(--space-2xl)}}.layout-with-sidebar{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media(min-width: 1024px){.layout-with-sidebar{grid-template-columns:1fr 300px;gap:var(--space-3xl)}}.content-column{max-width:var(--container-md);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.content-column{padding:0 var(--space-xl)}}.content-column>*{max-width:65ch;margin-left:auto;margin-right:auto}.content-column>.full-width{max-width:none}.content-wide{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.content-wide{padding:0 var(--space-xl)}}.section-minimal{padding:var(--space-3xl) 0}@media(min-width: 768px){.section-minimal{padding:var(--space-4xl) 0}}.section-minimal .container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.section-minimal .container{padding:0 var(--space-xl)}}.section-hero{padding:var(--space-4xl) 0;background:var(--color-background);text-align:center}@media(min-width: 768px){.section-hero{padding:calc(var(--space-4xl)*1.5) 0}}.section-feature{padding:var(--space-3xl) 0;background:var(--color-surface)}@media(min-width: 768px){.section-feature{padding:var(--space-4xl) 0}}.section-cta{padding:var(--space-4xl) 0;background:var(--color-background);text-align:center;border-top:1px solid var(--color-border)}.content-center{text-align:center}.content-center>*{margin-left:auto;margin-right:auto}.content-left{text-align:left}.content-right{text-align:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start;gap:var(--space-lg)}.flex-column{display:flex;flex-direction:column;gap:var(--space-lg)}.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.card-layout{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--duration-normal) var(--ease-gentle);padding:var(--space-xl)}@media(min-width: 768px){.card-layout{padding:var(--space-2xl)}}.card-layout:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card-compact{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--duration-normal) var(--ease-gentle);padding:var(--space-lg)}.card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card-feature{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--duration-normal) var(--ease-gentle);padding:var(--space-2xl);text-align:center}.card-feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card-feature .card-icon{width:48px;height:48px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-xl)}.card-feature .card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.card-feature .card-description{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}@media(min-width: 768px){.text-columns{columns:2;column-gap:var(--space-2xl);column-rule:1px solid var(--color-border)}}.text-columns p{break-inside:avoid;margin-bottom:var(--space-lg)}.media-container{position:relative;margin:var(--space-2xl) 0}.media-container img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.media-full-width{margin:var(--space-2xl) calc(-1*var(--space-lg))}@media(min-width: 768px){.media-full-width{margin:var(--space-3xl) calc(-1*var(--space-xl))}}.media-full-width img{width:100%;border-radius:0}@media(min-width: 768px){.media-full-width img{border-radius:var(--radius-lg)}}.space-y-sm>*+*{margin-top:var(--space-sm)}.space-y-md>*+*{margin-top:var(--space-md)}.space-y-lg>*+*{margin-top:var(--space-lg)}.space-y-xl>*+*{margin-top:var(--space-xl)}.space-y-2xl>*+*{margin-top:var(--space-2xl)}.space-x-sm>*+*{margin-left:var(--space-sm)}.space-x-md>*+*{margin-left:var(--space-md)}.space-x-lg>*+*{margin-left:var(--space-lg)}.space-x-xl>*+*{margin-left:var(--space-xl)}@media(min-width: 768px){.show-mobile{display:none}}.show-desktop{display:none}@media(min-width: 768px){.show-desktop{display:block}}.show-desktop-flex{display:none}@media(min-width: 768px){.show-desktop-flex{display:flex}}.nav-header{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-lg);padding-bottom:var(--space-lg);max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.nav-container{padding:0 var(--space-xl)}}@media(min-width: 768px){.nav-container{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}}.nav-back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--duration-quick) var(--ease-gentle)}.nav-back:hover{color:var(--color-text-primary);transform:translateX(-2px);text-decoration:none}.nav-back:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.nav-back::before{content:"←";font-size:var(--font-size-base);transition:transform var(--duration-quick) var(--ease-gentle)}.nav-back:hover::before{transform:translateX(-2px)}.nav-brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;letter-spacing:-0.01em}.nav-brand:hover{color:var(--color-accent-primary);text-decoration:none}.nav-brand:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.nav-menu{display:none}@media(min-width: 768px){.nav-menu{display:flex;align-items:center;gap:var(--space-xl)}}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:var(--space-lg)}.nav-item{position:relative}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--space-sm) 0;transition:all var(--duration-quick) var(--ease-gentle);position:relative}.nav-link:hover{color:var(--color-text-primary);text-decoration:none}.nav-link.active{color:var(--color-accent-primary)}.nav-link.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-accent-primary);border-radius:1px}.nav-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0}@media(min-width: 768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text-primary);margin:2px 0;transition:all var(--duration-quick) var(--ease-gentle);border-radius:1px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.nav-toggle:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.nav-mobile{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-medium);z-index:99}.nav-mobile.active{display:block;animation:slideDown var(--duration-normal) var(--ease-gentle)}@media(min-width: 768px){.nav-mobile{display:none !important}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-list{list-style:none;padding:0;margin:0;padding:var(--space-lg)}.nav-mobile-item{border-bottom:1px solid var(--color-border)}.nav-mobile-item:last-child{border-bottom:none}.nav-mobile-link{display:block;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--space-md) 0;transition:all var(--duration-quick) var(--ease-gentle)}.nav-mobile-link:hover{color:var(--color-text-primary);text-decoration:none;padding-left:var(--space-sm)}.nav-mobile-link.active{color:var(--color-accent-primary)}.nav-mobile-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.breadcrumb{padding-top:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.breadcrumb{padding:0 var(--space-xl)}}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-sm)}.breadcrumb-item:not(:last-child)::after{content:"/";color:var(--color-text-secondary);opacity:.5}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-quick) var(--ease-gentle)}.breadcrumb-link:hover{color:var(--color-accent-primary);text-decoration:none}.breadcrumb-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.nav-toc{position:sticky;top:calc(var(--space-4xl) + 60px);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:calc(100vh - 200px);overflow-y:auto}@media(min-width: 1024px){.nav-toc{width:250px;margin-left:var(--space-xl)}}.nav-toc-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.nav-toc-list{list-style:none;padding:0;margin:0}.nav-toc-item{margin-bottom:var(--space-xs)}.nav-toc-link{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;padding:var(--space-xs) 0;transition:all var(--duration-quick) var(--ease-gentle);border-left:2px solid rgba(0,0,0,0);padding-left:var(--space-sm)}.nav-toc-link:hover{color:var(--color-text-primary);text-decoration:none;border-left-color:var(--color-border)}.nav-toc-link.active{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.nav-toc-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-lg)}.btn:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn.btn-primary{background:rgba(0,0,0,0);color:var(--color-accent-primary);border:2px solid var(--color-accent-primary)}.btn.btn-primary:hover{background:var(--color-accent-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,.15)}.btn.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,122,255,.2)}.btn.btn-secondary{background:rgba(0,0,0,0);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn.btn-ghost{background:rgba(0,0,0,0);color:var(--color-text-secondary)}.btn.btn-ghost:hover{color:var(--color-text-primary);background:rgba(0,0,0,.02)}.btn.btn-text{background:rgba(0,0,0,0);color:var(--color-accent-primary);padding:var(--space-xs) var(--space-sm)}.btn.btn-text:hover{background:rgba(0,122,255,.05);text-decoration:underline;text-underline-offset:3px}.btn.btn-sm{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.btn.btn-lg{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-xl)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--duration-normal) var(--ease-gentle);padding:var(--space-xl)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover .card-title{color:var(--color-accent-primary)}.card.card-highlighted{border-color:var(--color-accent-primary);background:rgba(0,122,255,.02)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-sm);transition:color var(--duration-quick) var(--ease-gentle)}.card-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:0}.card-content{margin-bottom:var(--space-lg)}.card-content:last-child{margin-bottom:0}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.feature{text-align:center;padding:var(--space-xl)}.feature.feature-left{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:start}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:rgba(0,122,255,.1);color:var(--color-accent-primary);border-radius:var(--radius-lg);font-size:var(--font-size-xl)}.feature-left .feature-icon{margin:0;grid-row:1/3}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.feature-description{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-primary);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-background);color:var(--color-text-primary);transition:all var(--duration-quick) var(--ease-gentle)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(0,122,255,.1)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-input:invalid,.form-select:invalid,.form-textarea:invalid{border-color:#ef4444}.form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-xl)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.badge.badge-primary{background:rgba(0,122,255,.1);color:var(--color-accent-primary)}.badge.badge-secondary{background:var(--color-surface);color:var(--color-text-secondary)}.badge.badge-success{background:rgba(34,197,94,.1);color:#059669}.badge.badge-warning{background:rgba(245,158,11,.1);color:#d97706}.badge.badge-error{background:rgba(239,68,68,.1);color:#dc2626}.divider{height:1px;background:var(--color-border);margin:var(--space-2xl) 0}.divider.divider-text{display:flex;align-items:center;text-align:center;height:auto;background:none}.divider.divider-text::before,.divider.divider-text::after{content:"";flex:1;height:1px;background:var(--color-border)}.divider.divider-text span{padding:0 var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-background)}.progress{width:100%;height:8px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-sm);transition:width var(--duration-normal) var(--ease-gentle)}.quote{padding:var(--space-xl);border-left:4px solid var(--color-accent-primary);background:var(--color-surface);margin:var(--space-xl) 0}.quote blockquote{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-style:italic;margin-bottom:var(--space-md)}.quote blockquote:last-child{margin-bottom:0}.quote cite{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);font-style:normal;font-weight:var(--font-weight-medium)}.quote cite::before{content:"— "}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text::after{content:"";animation:dots 1.5s steps(4, end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,100%{content:"..."}}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.tab-list{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-lg)}.tab-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);background:rgba(0,0,0,0);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-bottom:2px solid rgba(0,0,0,0);border-radius:0;position:relative}.tab-button:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn var(--duration-normal) var(--ease-gentle)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hover-lift{transition:all var(--duration-normal) var(--ease-gentle)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.hover-scale{transition:transform var(--duration-quick) var(--ease-gentle)}.hover-scale:hover{transform:scale(1.02)}.hover-fade{transition:opacity var(--duration-quick) var(--ease-gentle)}.hover-fade:hover{opacity:.8}.hover-slide{position:relative;overflow:hidden}.hover-slide::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left var(--duration-normal) var(--ease-gentle)}.hover-slide:hover::before{left:100%}.interactive{cursor:pointer;user-select:none;transition:all var(--duration-quick) var(--ease-gentle)}.interactive:active{transform:scale(0.98)}.interactive:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-interaction{position:relative;overflow:hidden}.btn-interaction::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%, -50%);transition:width .3s,height .3s}.btn-interaction:active::before{width:300px;height:300px}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-gentle)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-gentle)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-gentle)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-gentle)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.expandable{overflow:hidden;transition:all var(--duration-normal) var(--ease-gentle)}.expandable-trigger{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md);background:rgba(0,0,0,0);border:none;text-align:left}.expandable-trigger:hover{background:var(--color-surface)}.expandable-trigger::after{content:"+";font-size:var(--font-size-lg);color:var(--color-text-secondary);transition:transform var(--duration-quick) var(--ease-gentle)}.expandable-trigger.expanded::after{transform:rotate(45deg)}.expandable-content{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-gentle)}.expandable-content.expanded{max-height:500px}.expandable-content .expandable-inner{padding:var(--space-md)}.loading-skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, rgba(247, 247, 247, 0.5) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.loading-dots{display:inline-flex;gap:4px}.loading-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary);animation:bounce 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-0.32s}.loading-dots .dot:nth-child(2){animation-delay:-0.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,100%{transform:scale(0.8);opacity:.5}40%{transform:scale(1);opacity:1}}.form-field{position:relative}.form-field .form-input:focus+.form-label-float{transform:translateY(-24px) scale(0.85);color:var(--color-accent-primary)}.form-field .form-input:not(:placeholder-shown)+.form-label-float{transform:translateY(-24px) scale(0.85)}.form-label-float{position:absolute;top:var(--space-sm);left:var(--space-md);background:var(--color-background);padding:0 4px;color:var(--color-text-secondary);transition:all var(--duration-quick) var(--ease-gentle);pointer-events:none;transform-origin:left center}.form-validation{margin-top:var(--space-xs);font-size:var(--font-size-sm)}.form-validation.success{color:#059669}.form-validation.error{color:#dc2626}.scroll-fade{opacity:0;transform:translateY(30px);transition:all .6s var(--ease-gentle)}.scroll-fade.in-view{opacity:1;transform:translateY(0)}.scroll-scale{opacity:0;transform:scale(0.9);transition:all .6s var(--ease-gentle)}.scroll-scale.in-view{opacity:1;transform:scale(1)}.scroll-slide-left{opacity:0;transform:translateX(-30px);transition:all .6s var(--ease-gentle)}.scroll-slide-left.in-view{opacity:1;transform:translateX(0)}.scroll-slide-right{opacity:0;transform:translateX(30px);transition:all .6s var(--ease-gentle)}.scroll-slide-right.in-view{opacity:1;transform:translateX(0)}.tooltip{position:relative;cursor:help}.tooltip::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:var(--space-xs) var(--space-sm);background:var(--color-black-soft);color:#fff;font-size:var(--font-size-xs);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;visibility:hidden;transition:all var(--duration-quick) var(--ease-gentle);z-index:1000}.tooltip::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--color-black-soft);opacity:0;visibility:hidden;transition:all var(--duration-quick) var(--ease-gentle);z-index:1000}.tooltip:hover::before,.tooltip:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-gentle)}.modal-overlay.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-prominent);max-width:500px;width:90vw;max-height:90vh;overflow-y:auto;z-index:1001;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-gentle)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.scroll-fade,.scroll-scale,.scroll-slide-left,.scroll-slide-right{opacity:1;transform:none}}@media(prefers-contrast: high){:root{--color-border: #000000;--shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.2);--shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.3)}}.focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent-primary);color:#fff;padding:8px;text-decoration:none;border-radius:var(--radius-sm);z-index:1000}.skip-link:focus{top:6px}.footer{background:var(--color-background);border-top:1px solid var(--color-border);margin-top:auto}.footer-main{padding:var(--space-3xl) 0 var(--space-2xl)}@media(min-width: 768px){.footer-main{padding:var(--space-4xl) 0 var(--space-3xl)}}.footer-bottom{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}@media(min-width: 640px){.footer-container{padding:0 var(--space-xl)}}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width: 640px){.footer-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.footer-grid{grid-template-columns:2fr repeat(3, 1fr);gap:var(--space-2xl)}}.footer-brand{margin-bottom:var(--space-lg)}@media(min-width: 768px){.footer-brand{margin-bottom:0}}.footer-logo{display:inline-block;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;margin-bottom:var(--space-md);letter-spacing:-0.01em}.footer-logo:hover{color:var(--color-accent-primary);text-decoration:none}.footer-logo:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.footer-description{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:300px;margin-bottom:var(--space-lg);line-height:var(--line-height-relaxed)}.footer-section{margin-bottom:var(--space-xl)}@media(min-width: 768px){.footer-section{margin-bottom:0}}.footer-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);letter-spacing:-0.005em}.footer-list{list-style:none;padding:0;margin:0}.footer-item{margin-bottom:var(--space-sm)}.footer-item:last-child{margin-bottom:0}.footer-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--duration-quick) var(--ease-gentle);display:inline-block}.footer-link:hover{color:var(--color-text-primary);text-decoration:none;transform:translateX(2px)}.footer-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.footer-social{margin-top:var(--space-lg)}.footer-social-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-md)}.footer-social-list{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-md)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-quick) var(--ease-gentle)}.footer-social-link:hover{background:var(--color-accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.footer-social-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.footer-social-link svg{width:18px;height:18px}.footer-newsletter{margin-top:var(--space-lg)}@media(min-width: 768px){.footer-newsletter{margin-top:0}}.footer-newsletter-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.footer-newsletter-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--line-height-normal)}.footer-newsletter-form{display:flex;gap:var(--space-sm)}@media(min-width: 640px){.footer-newsletter-form{flex-direction:column}}@media(min-width: 768px){.footer-newsletter-form{flex-direction:row}}.footer-newsletter-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.footer-newsletter-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(0,122,255,.1)}.footer-newsletter-input::placeholder{color:var(--color-text-secondary);opacity:.7}.footer-newsletter-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);background:rgba(0,0,0,0);color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);white-space:nowrap}.footer-newsletter-button:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.footer-newsletter-button:hover{background:var(--color-accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,.15)}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}@media(min-width: 768px){.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-copyright{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.footer-bottom-links{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}@media(min-width: 768px){.footer-bottom-links{justify-content:flex-end}}.footer-bottom-link{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--duration-quick) var(--ease-gentle)}.footer-bottom-link:hover{color:var(--color-accent-primary);text-decoration:none}.footer-bottom-link:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:48px;height:48px;background:var(--color-accent-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-medium);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--duration-normal) var(--ease-gentle);z-index:50}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:color-mix(in srgb, var(--color-accent-primary) 90%, black);transform:translateY(-2px);box-shadow:var(--shadow-prominent)}.back-to-top:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.back-to-top svg{width:20px;height:20px}@media(max-width: 640px){.footer-grid{text-align:center}.footer-brand{text-align:center}.footer-description{margin-left:auto;margin-right:auto}.footer-social-list{justify-content:center}.back-to-top{bottom:var(--space-lg);right:var(--space-lg);width:44px;height:44px}}.footer .skip-footer{position:absolute;top:-40px;left:6px;background:var(--color-accent-primary);color:#fff;padding:8px;text-decoration:none;border-radius:var(--radius-sm);z-index:1000}.footer .skip-footer:focus{top:6px}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";font-variant-ligatures:contextual;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:2px}.page-hero{background:radial-gradient(ellipse at center top, rgba(0, 122, 255, 0.02) 0%, transparent 50%),var(--color-background);position:relative}.page-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--color-border), transparent)}.content-section{position:relative}.content-section:not(:last-child)::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:1px;background:var(--color-border)}.btn-primary{position:relative;overflow:hidden}.btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 122, 255, 0.1), transparent);transition:left .5s ease;z-index:-1}.btn-primary:hover::before{left:100%}.card{position:relative}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 122, 255, 0.02) 0%, transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-gentle);border-radius:inherit;pointer-events:none}.card:hover::before{opacity:1}.hover-lift,.btn,.card,.interactive{will-change:transform}.hover-lift:not(:hover),.btn:not(:hover):not(:focus),.card:not(:hover),.interactive:not(:hover):not(:focus){will-change:auto}@media print{:root{--color-background: white;--color-text-primary: black;--color-text-secondary: #333;--color-border: #ccc}.nav-header,.footer,.btn,.back-to-top{display:none}.page-wrapper{max-width:none;margin:0;padding:0}.card{border:1px solid #ccc;box-shadow:none;break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}/*# sourceMappingURL=minimalism.css.map */
