:root{--bg-primary: #07090e;--bg-secondary: #0f1422;--bg-card: rgba(20, 27, 45, .7);--bg-card-hover: rgba(28, 38, 62, .85);--glass-border: rgba(255, 255, 255, .08);--glass-border-glow: rgba(0, 242, 254, .3);--accent-cyan: #00f2fe;--accent-blue: #4facfe;--accent-purple: #7f00ff;--accent-pink: #ff007f;--accent-amber: #ffb703;--accent-emerald: #00f5d4;--grad-primary: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--grad-purple: linear-gradient(135deg, #7f00ff 0%, #e100ff 100%);--grad-sunset: linear-gradient(135deg, #ff007f 0%, #ffb703 100%);--grad-dark: linear-gradient(180deg, rgba(15, 20, 34, .8) 0%, rgba(7, 9, 14, .95) 100%);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dark: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-glow: 0 0 25px rgba(0, 242, 254, .15);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(0,242,254,.05) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(127,0,255,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,127,.03) 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:#fff}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:var(--grad-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-sunset{background:var(--grad-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.6s}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-4px);border-color:var(--glass-border-glow);box-shadow:var(--shadow-glow),var(--shadow-card);background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;border:none;outline:none;transition:all .25s ease;text-decoration:none}.btn-primary{background:var(--grad-primary);color:#07090e;box-shadow:0 4px 20px #00f2fe4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00f2fe80;filter:brightness(1.1)}.btn-purple{background:var(--grad-purple);color:#fff;box-shadow:0 4px 20px #7f00ff4d}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7f00ff80}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-sm{padding:.4rem .9rem;font-size:.85rem;border-radius:6px}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#0f1422cc;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f2fe40;background:#141b2de6}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-cyan{background:#00f2fe1f;color:var(--accent-cyan);border:1px solid rgba(0,242,254,.3)}.badge-purple{background:#7f00ff26;color:#d8b4fe;border:1px solid rgba(127,0,255,.3)}.badge-amber{background:#ffb70326;color:var(--accent-amber);border:1px solid rgba(255,183,3,.3)}.ad-wrapper{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.ad-box{background:#0f142266;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:.5rem;min-height:auto;width:100%;max-width:728px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .3s ease}.ad-box-rectangle,.ad-box-responsive{max-width:100%;min-height:auto}.ad-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dark);margin-bottom:.4rem;font-family:var(--font-mono)}.ad-placeholder-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;color:var(--text-muted)}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.glow-animation{animation:pulseGlow 3s infinite ease-in-out}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}.grid-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.layout-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 992px){.layout-with-sidebar{grid-template-columns:1fr}}