@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-glass:rgba(26,26,46,.8);--text-primary:#fff;--text-secondary:#b8b8d1;--text-muted:#6b7794;--accent-primary:#00d4ff;--accent-secondary:#7c3aed;--accent-success:#0f8;--accent-warning:orange;--accent-error:#f36;--accent-dev:#ff6b00;--border-color:rgba(0,212,255,.2);--border-hover:rgba(0,212,255,.4);--border-focus:rgba(0,212,255,.6);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(0,212,255,.3);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--sdk-bg-panel:#1a1a1a;--sdk-bg-header:#2a2a2a;--sdk-bg-subtle:#242424;--sdk-border-default:hsla(0,0%,100%,.2);--sdk-border-subtle:hsla(0,0%,100%,.1);--sdk-radius-sm:6px;--sdk-radius-md:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{background:radial-gradient(circle at 25% 25%,rgba(0,212,255,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(124,58,237,.05) 0,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);z-index:-2}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}body:after{background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:-1;opacity:.3}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1 1;display:flex;align-items:center;justify-content:center}.container,.main-content{padding:var(--spacing-xl)}.container{max-width:1200px;margin:0 auto}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.5}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg);border-color:var(--border-hover)}.card-header{text-align:center;margin-bottom:var(--spacing-2xl)}.card-title{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-subtitle{color:var(--text-secondary);font-size:.95rem}.form{gap:var(--spacing-lg)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(0,212,255,.1);background:hsla(0,0%,100%,.08)}.form-input:hover:not(:focus){border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.7rem 1.25rem;font-size:.85rem;font-weight:600;font-family:inherit;line-height:1.4;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;position:relative;overflow:hidden;box-sizing:border-box;white-space:nowrap;height:auto;vertical-align:middle;letter-spacing:.2px}.btn svg{flex-shrink:0;width:15px;height:15px;transition:transform .25s ease}.btn:hover svg{transform:scale(1.1)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transform:skewX(-20deg);transition:left .5s ease}.btn:hover:before{left:150%}.btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent);pointer-events:none;border-radius:10px 10px 0 0}.btn-primary{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.85));color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 16px rgba(102,126,234,.25),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-primary:hover{transform:translateY(-2px);border-color:rgba(102,126,234,.5);box-shadow:0 8px 24px rgba(102,126,234,.35),0 4px 10px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,rgba(30,35,50,.9),rgba(25,30,45,.95));color:rgba(180,200,255,.95);border:1px solid rgba(100,130,200,.2);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.05)}.btn-secondary:hover{background:linear-gradient(135deg,rgba(40,48,68,.95),rgba(35,42,60,.98));color:#c8d7ff;border-color:rgba(100,130,200,.35);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25),0 0 20px rgba(100,130,200,.1),inset 0 1px 0 hsla(0,0%,100%,.08)}.btn-secondary:active{transform:translateY(0)}.btn-warning{background:linear-gradient(135deg,rgba(245,158,11,.9),rgba(234,88,12,.85));color:#fff;border:1px solid rgba(245,158,11,.3);box-shadow:0 4px 16px rgba(245,158,11,.25),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-warning:hover{transform:translateY(-2px);border-color:rgba(245,158,11,.5);box-shadow:0 8px 24px rgba(245,158,11,.35),0 4px 10px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-warning:active{transform:translateY(0)}.btn-warning:disabled{background:linear-gradient(135deg,rgba(60,60,70,.8),rgba(50,50,60,.85));color:hsla(240,5%,61%,.7);border-color:rgba(80,80,90,.3);cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(185,28,28,.85));color:#fff;border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 16px rgba(239,68,68,.25),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-danger:hover{transform:translateY(-2px);border-color:rgba(239,68,68,.5);box-shadow:0 8px 24px rgba(239,68,68,.35),0 4px 10px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{background:linear-gradient(135deg,rgba(60,60,70,.8),rgba(50,50,60,.85));color:hsla(240,5%,61%,.7);border-color:rgba(80,80,90,.3);cursor:not-allowed;transform:none;box-shadow:none}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;margin:var(--spacing-md) 0;border-left:4px solid;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.alert-error{background:rgba(255,51,102,.1);border-color:var(--accent-error);color:var(--accent-error)}.alert-success{background:rgba(0,255,136,.1);border-color:var(--accent-success);color:var(--accent-success)}.link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast);position:relative}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-primary);transition:width var(--transition-fast)}.link:hover{color:var(--text-primary)}.link:hover:after{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,212,255,.3);border-top:2px solid var(--accent-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);min-width:300px;max-width:500px;box-shadow:var(--shadow-lg),0 0 30px rgba(0,0,0,.5);border-left:4px solid;display:flex;align-items:center;gap:var(--spacing-md);pointer-events:auto;animation:toastSlideIn .3s ease-out;position:relative;overflow:hidden}.toast.toast-exit{animation:toastSlideOut .3s ease-out forwards}.toast-success{border-color:var(--accent-success);background:rgba(0,255,136,.1)}.toast-error{border-color:var(--accent-error);background:rgba(255,51,102,.1)}.toast-warning{border-color:var(--accent-warning);background:rgba(255,165,0,.1)}.toast-info{border-color:var(--accent-primary);background:rgba(0,212,255,.1)}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-content{flex:1 1;font-size:.95rem;color:var(--text-primary);font-weight:500}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.5;animation:toastProgress linear}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}@media (max-width:1024px){.btn{padding:.6rem 1rem;font-size:.8rem}.btn svg{width:14px;height:14px}}@media (max-width:768px){.main-content{padding:var(--spacing-md)}.card{padding:var(--spacing-xl)}.card-title{font-size:1.75rem}.container{padding:var(--spacing-md)}.btn{padding:.5rem .875rem;font-size:.75rem;border-radius:8px}.btn svg{width:13px;height:13px}}@media (max-width:560px){.btn{padding:.45rem .7rem;font-size:.7rem}.btn svg{width:12px;height:12px}}@media (max-width:480px){.card{padding:var(--spacing-lg)}.card-title{font-size:1.5rem}.btn{padding:.4rem .6rem;font-size:.65rem;gap:.2rem}.btn svg{width:11px;height:11px}}@media (max-width:380px){.btn{padding:.35rem .5rem;font-size:.6rem}.btn svg{width:10px;height:10px}}.env-badge-inline{display:inline-block;background:linear-gradient(135deg,#ff6b00,#ff9500);color:#000!important;-webkit-text-fill-color:#000!important;font-size:.5rem;font-weight:700;padding:4px 8px;border-radius:8px;letter-spacing:1px;margin-left:8px;vertical-align:middle;box-shadow:0 2px 8px rgba(255,107,0,.4);-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width:768px){.env-badge-inline{font-size:.45rem;padding:3px 6px;margin-left:6px}}@media (max-width:480px){.env-badge-inline{font-size:.4rem;padding:2px 5px;margin-left:4px}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) hsla(0,0%,100%,.05)}.PostHogSurvey,.PostHogSurvey__popover,.posthog-survey,[class*=PostHogSurvey],[class*=PostHogSurvey__popover],div[class*=survey],div[data-posthog-survey]{right:auto!important;left:20px!important;bottom:70px!important}