@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--background:#090a0f;--surface:#11131a;--surface-glass:rgba(17,19,26,.7);--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--text:#f3f4f6;--text-muted:#9ca3af;--primary:#0078d4;--secondary:#68217a;--accent-gradient:linear-gradient(135deg,#0078d4,#68217a);--accent-gradient-hover:linear-gradient(135deg,#1886e0,#7b2a90);--success:#10b981;--success-glow:rgba(16,185,129,.15);--error:#ef4444;--error-glow:rgba(239,68,68,.15);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:var(--font-sans);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle at 10% 20%,rgba(0,120,212,.05) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(104,33,122,.05) 0,transparent 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased}header{border-bottom:1px solid var(--border);background-color:rgba(9,10,15,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--text);gap:.5rem;transition:opacity .2s}.logo:hover{opacity:.9}.logo span.gate{color:#0078d4}.logo span.key{color:#a04cd0;background:linear-gradient(135deg,#0078d4,#a04cd0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-keyhole{width:18px;height:18px;background:var(--accent-gradient);-webkit-clip-path:polygon(30% 0,70% 0,70% 40%,100% 70%,80% 100%,50% 80%,20% 100%,0 70%,30% 40%);clip-path:polygon(30% 0,70% 0,70% 40%,100% 70%,80% 100%,50% 80%,20% 100%,0 70%,30% 40%);display:inline-block}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.925rem;font-weight:500;transition:color .2s;padding:.25rem .5rem;border-radius:4px}.nav-links a.active,.nav-links a:hover{color:var(--text)}main.container{max-width:1200px;margin:2.5rem auto;padding:0 2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.grid-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 10px 20px rgba(0,0,0,.2)}.card-kpi{display:flex;flex-direction:column;justify-content:space-between}.card-kpi:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);opacity:.8}.kpi-title{color:var(--text-muted);font-size:.825rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.5rem}.kpi-value{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.kpi-subtitle{font-size:.775rem;color:var(--text-muted)}.panel{background-color:var(--surface-glass);border:1px solid var(--border);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-title{font-size:1.25rem;font-weight:600}.event-list{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto;padding-right:.25rem}.event-item{background:hsla(0,0%,100%,.02);border:1px solid var(--border);border-radius:8px;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:border-color .2s}.event-item:hover{border-color:var(--border-hover)}.event-info{display:flex;flex-direction:column;gap:.25rem}.event-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.event-meta{font-size:.775rem;color:var(--text-muted);font-family:var(--font-mono)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.725rem;font-weight:600;text-transform:uppercase}.badge-success{background-color:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-fail{background-color:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-info{background-color:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.event-time{font-size:.775rem;color:var(--text-muted)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.825rem;font-weight:500;margin-bottom:.5rem;color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;background-color:rgba(9,10,15,.5);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.925rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,120,212,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.925rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform .1s,opacity .2s,background-color .2s;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{background:var(--accent-gradient-hover)}.btn-secondary{background-color:hsla(0,0%,100%,.05);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--border-hover)}.code-container{position:relative;background-color:#0b0c10;border:1px solid var(--border);border-radius:8px;margin:1rem 0 1.5rem}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);background-color:hsla(0,0%,100%,.02);font-family:var(--font-sans);font-size:.775rem;color:var(--text-muted)}pre{padding:1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.825rem;color:#e5e7eb}.copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.775rem}.copy-btn:hover{color:var(--text)}.doc-section{margin-bottom:2.5rem}.doc-section h2{font-size:1.5rem;margin-bottom:1rem;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:.5rem}.doc-section p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.doc-step{display:flex;gap:1rem;margin-bottom:1.5rem}.step-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-content{flex-grow:1}.step-content h3{font-size:1.125rem;margin-bottom:.5rem}.checkout-box{max-width:480px;margin:5rem auto;padding:2.5rem;border:1px solid var(--border);border-radius:16px;background-color:var(--surface);text-align:center}.checkout-box h1{margin-bottom:1rem}.checkout-box p{color:var(--text-muted);margin-bottom:2rem}.checkout-details{background-color:rgba(0,0,0,.2);border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:left;font-family:var(--font-mono);font-size:.825rem}.checkout-details div{margin-bottom:.5rem}.checkout-details div:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}[data-theme=light]{--background:#f8fafc;--surface:#fff;--surface-glass:hsla(0,0%,100%,.75);--border:rgba(15,23,42,.08);--border-hover:rgba(15,23,42,.15);--text:#0f172a;--text-muted:#475569;--primary:#0078d4;--secondary:#68217a;--accent-gradient:linear-gradient(135deg,#0078d4,#68217a);--accent-gradient-hover:linear-gradient(135deg,#1886e0,#7b2a90);--success:#10b981;--success-glow:rgba(16,185,129,.1);--error:#ef4444;--error-glow:rgba(239,68,68,.1)}[data-theme=light] body{background-image:radial-gradient(circle at 10% 20%,rgba(0,120,212,.03) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(104,33,122,.03) 0,transparent 40%)}[data-theme=light] header{background-color:rgba(248,250,252,.8)!important}[data-theme=light] .checkout-details{background-color:rgba(0,0,0,.05)}.fullscreen-loader{position:fixed;inset:0;background-color:rgba(9,10,15,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;color:var(--text);font-family:var(--font-sans)}[data-theme=light] .fullscreen-loader{background-color:rgba(248,250,252,.85)}.spinner{width:48px;height:48px;border:4px solid var(--border-hover);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}