@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#d4a017;--primary-container:#f9d71c;--on-primary:#1a1a1a;--secondary:silver;--secondary-container:#fff;--on-secondary:#1a1a1a;--background:transparent;--on-background:#fff;--surface:#1a1a1a66;--on-surface:#fff;--on-surface-variant:#ffffffd9;--surface-container-lowest:#fff;--surface-container-low:#fff0ef;--surface-container:#ffe9e8;--surface-container-high:#ffe1e0;--surface-container-highest:#fedad9;--outline:#926e6d;--outline-variant:#e7bcba;--error:#ba1a1a;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}html{scroll-behavior:smooth;background:0 0}body{color:var(--on-background);background-image:url(/zemin.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{background:0 0;flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;background:0 0!important}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,8vw,4rem)}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,5vw,2.5rem)}h3{font-size:clamp(1.25rem,4vw,1.75rem)}.gradient-text{color:#fff}.text-muted{color:var(--on-surface-variant)}.card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);transition:var(--transition);color:#fff;background:#ffffff0d;border:1px solid #ffffff26;padding:2.5rem;box-shadow:0 8px 32px #0003}.card h2{color:#fff;margin-top:.5rem;font-size:2.5rem}.card p{color:#ffffffb3;font-size:1rem}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border-bottom:1px solid #ffffff1a}.form-group{margin-bottom:1.5rem}.form-label{color:var(--on-surface);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);color:#333;width:100%;transition:var(--transition);outline:none;padding:.85rem 1rem;font-size:1rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #bb00271a}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#1a1a1a;background:linear-gradient(135deg,#e6b800,#b8860b);border:1px solid #fff3;box-shadow:0 4px 15px #b8860b4d}.btn-primary:hover{background:linear-gradient(135deg,#f0c400,#c89600);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.btn-outline{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fffc}.btn-outline:hover{background:#fff3;border-color:#fff}.btn-tertiary{background:var(--tertiary);color:#fff}.btn-tertiary:hover{background:var(--tertiary-container)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards reveal}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.mobile-menu-checkbox{display:none}.mobile-menu-btn .menu-icon{display:block}.mobile-menu-btn .close-icon{display:none}@media (max-width:768px){.section{padding:3rem 0}.card{padding:1.5rem}.mobile-only{display:block}.desktop-only{display:none}.mobile-menu-overlay{display:none!important}.mobile-menu-checkbox:checked~.mobile-menu-overlay{display:flex!important}.mobile-menu-checkbox:checked~nav .mobile-menu-btn .menu-icon{display:none!important}.mobile-menu-checkbox:checked~nav .mobile-menu-btn .close-icon{display:block!important}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:flex}}