:root{--bg-color: #050505;--bg-gradient: radial-gradient(circle at 50% 0%, #1a1a2e 0%, #050505 70%);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .4);--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-hover-bg: rgba(255, 255, 255, .08);--glass-hover-border: rgba(255, 255, 255, .15);--card-radius: 24px;--btn-radius: 12px}body{margin:0;font-family:Outfit,Inter,-apple-system,sans-serif;background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-blobs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.blob-1,.blob-2,.blob-3{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s infinite ease-in-out}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--primary-glow);animation-delay:0s}.blob-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:var(--accent-glow);animation-delay:-5s}.blob-3{top:40%;left:60%;width:40vw;height:40vw;background:#ec489933;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.app-container{max-width:1400px;margin:0 auto;padding:3rem 2rem}h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#fff 20%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:#fff;letter-spacing:-.02em}p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;font-size:1.1rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:2.5rem;box-shadow:0 4px 24px -1px #0003;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s}.glass-card:hover{transform:translateY(-8px);background:var(--glass-hover-bg);border-color:var(--glass-hover-border);box-shadow:0 20px 40px -5px #0006,0 0 20px #8b5cf61a}.glass-card:hover:before{opacity:1}.hero-wrapper{text-align:center;margin-bottom:5rem;animation:slideUpFade 1s cubic-bezier(.16,1,.3,1)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:100px;color:#c4b5fd;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.05em;text-transform:uppercase}.docs-header{border-bottom:1px solid var(--glass-border);padding-bottom:2rem;margin-bottom:2rem}.docs-endpoint{background:#0006;padding:1rem;border-radius:8px;font-family:monospace;display:flex;align-items:center;gap:1rem;border:1px solid var(--glass-border);margin:1rem 0}.docs-method{background:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:4px;font-weight:700;font-size:.85rem}.icon-wrapper{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:2rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover .icon-wrapper{transform:scale(1.15) rotate(5deg)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.nav-item{text-decoration:none;color:inherit;display:block;height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:var(--btn-radius);text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1.05rem;transition:all .3s;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:after{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px var(--primary-glow)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff}.btn-secondary:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards}input[type=text],input[type=number],textarea,select{background:#0000004d!important;border:1px solid var(--glass-border)!important;color:#fff!important;border-radius:var(--btn-radius);padding:.8rem 1rem!important;transition:all .3s!important;font-size:1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;background:#00000080!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}