:root{--color-bg-primary:#2b2b2b;--color-bg-secondary:#1a1a1a;--color-bg-card:#3a3a3a;--color-accent:#ff6b3d;--color-accent-orange:#ff6b3d;--color-accent-gradient:linear-gradient(0deg,#ff4500,#ff4500),linear-gradient(360deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2));--color-accent-orange-hover:#ff8c61;--color-text-primary:#fff;--color-text-secondary:#c5c5c5;--color-text-muted:hsla(0,0%,100%,.6);--color-text-subtle:hsla(0,0%,100%,.4);--color-border:hsla(0,0%,100%,.1);--shadow-card:0 4px 12px rgba(0,0,0,.15);--radius-1:8px;--radius-2:12px;--radius-3:16px;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--container-max-width:1432px}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);flex-direction:column}.main,body{min-height:100vh;display:flex}.main{align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.container{text-align:center;color:#fff;padding:2rem;max-width:800px}.container h1{font-size:3rem;margin-bottom:1rem}.container p{font-size:1.2rem;opacity:.9}.api-test{margin-top:3rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;text-align:left}.api-test h2{margin-bottom:1.5rem;font-size:1.8rem}.api-test h3{margin-top:1.5rem;margin-bottom:1rem;font-size:1.4rem}.success{background:rgba(34,197,94,.2);border:2px solid rgba(34,197,94,.5);border-radius:8px}.error,.success{padding:1rem;margin:1rem 0}.error{background:rgba(239,68,68,.2);border:2px solid rgba(239,68,68,.5);border-radius:8px}.menu-items{margin-top:1.5rem}.menu-items ul{list-style:none;padding:0}.menu-items li{background:hsla(0,0%,100%,.1);padding:.75rem 1rem;margin:.5rem 0;border-radius:6px;border-left:3px solid #667eea}