:root{--bg-primary: #0b0e14;--bg-secondary: #121826;--bg-card: rgba(18, 24, 38, .75);--bg-glass: rgba(15, 23, 42, .65);--border-color: #1e293b;--border-highlight: #273549;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--cyan-bright: #00c4ee;--cyan-glow: rgba(0, 196, 238, .3);--yellow-accent: #ffd100;--green-accent: #10b981;--red-accent: #da2b1f;--red-glow: rgba(218, 43, 31, .4);--blue-accent: #3b82f6;--purple-accent: #8b5cf6;--font-heading: "Outfit", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body);transition:all .2s ease-in-out;touch-action:manipulation}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--cyan-bright) 60%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-yellow{background:linear-gradient(135deg,#ffffff 0%,var(--yellow-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-card:hover{border-color:#00c4ee66;box-shadow:0 8px 30px #00c4ee1f}.badge-cyan{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#00c4ee1a;border:1px solid rgba(0,196,238,.3);color:var(--cyan-bright);border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#05080edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.bounded-modal{position:relative;width:92vw;max-width:580px;max-height:90vh;overflow-y:auto;margin:auto;background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:32px 28px;box-shadow:0 20px 50px #000000b3,0 0 30px #00c4ee26}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#1e293b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:none;transition:background-color .2s ease,transform .2s ease}.modal-close-btn:hover{background-color:var(--red-accent)!important;color:#fff!important;transform:scale(1.08)}.canvas-container{border-radius:12px;overflow:hidden;border:1px solid #1e293b;box-shadow:0 10px 40px #00000080;background:#0d1117;max-width:100%}.toast-container{position:fixed;bottom:24px;right:24px;z-index:11000;display:flex;flex-direction:column;gap:10px}.container-xl,.container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}.form-input,select,textarea{width:100%;padding:12px 16px;background:#090d16;border:1px solid #1e293b;border-radius:8px;color:#fff;font-family:var(--font-body);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan-bright);box-shadow:0 0 10px #00c4ee33}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00c4ee,#0284c7);color:#fff;font-weight:700;padding:12px 24px;border-radius:8px;box-shadow:0 4px 20px #00c4ee4d;transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00c4ee80}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1e293b;color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;border:1px solid #334155;transition:all .25s ease}.btn-secondary:hover{background:#334155;border-color:var(--cyan-bright)}@media (max-width: 991px){.hidden-mobile{display:none!important}.show-mobile-btn{display:flex!important}}@media (min-width: 992px){.show-mobile-btn{display:none!important}}@media (max-width: 768px){.container-xl,.container{padding-left:16px!important;padding-right:16px!important}h1{font-size:2.1rem!important;line-height:1.25!important}h2{font-size:1.7rem!important;line-height:1.3!important}h3{font-size:1.35rem!important}p{font-size:.95rem!important}.bounded-modal{width:95vw!important;padding:24px 18px!important;border-radius:12px!important;max-height:85vh!important}.toast-container{left:12px!important;right:12px!important;bottom:12px!important;max-width:calc(100vw - 24px)!important}div[style*=gridTemplateColumns],div[style*="display: grid"],div[style*="display:grid"]{grid-template-columns:1fr!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}@media (max-width: 480px){h1{font-size:1.8rem!important}h2{font-size:1.45rem!important}.btn-primary,.btn-secondary{width:100%!important;justify-content:center!important;padding:12px 16px!important}}