:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--accent-color:#f59e0b;--accent-secondary:#f43f5e;--accent-hover:#fbbf24;--success:#fbbf24;--warning:#f97316;--error:#f43f5e;--glass-bg:#ffffffb3;--glass-border:#fff6;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--card-shadow-hover:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-smooth:.4s cubic-bezier(.16,1,.3,1);--gallery-opacity:.02}@keyframes scrollBackground{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bg-gallery{z-index:-1;pointer-events:none;width:100vw;height:200vh;opacity:var(--gallery-opacity);filter:grayscale();flex-wrap:wrap;gap:1rem;padding:1rem;animation:100s linear infinite scrollBackground;display:flex;position:fixed;top:0;left:0;overflow:hidden}.gallery-item{aspect-ratio:3/4;object-fit:cover;background:#eee;border-radius:12px;width:calc(20% - 1rem);box-shadow:0 10px 15px -3px #0000001a}.bg-overlay{background:radial-gradient(circle at center,transparent 0%,var(--bg-primary)80%);pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:768px){.gallery-item{width:calc(33.33% - 1rem)}}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--glass-bg:#0f172ab3;--glass-border:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);transition:all var(--transition-smooth);border-radius:24px}.glass-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:12px;padding:.8rem 1.5rem;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}h1,h2,h3{letter-spacing:-.04em;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}