@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#121212;--bg-navbar:#121212;--bg-card:#1c1c1c;--bg-button-secondary:#2a2a2a;--text-primary:#ededed;--text-secondary:#a0a0a0;--text-muted:#666;--accent-primary:#ef3837;--accent-secondary:#d62d2d;--accent-light:#ef38371a;--border-subtle:#2e2e2e;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-xl:20px;--shadow-card:0 4px 20px #0000004d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.15s ease}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{z-index:100;background:var(--bg-navbar);border-bottom:1px solid var(--border-subtle);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-icon{color:#000;letter-spacing:-.5px;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.nav-logo-text{color:var(--text-primary);font-size:18px;font-weight:600}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-cta{border-radius:var(--radius-sm);background:var(--accent-primary);cursor:pointer;border:none;padding:8px 16px;font-size:13px;text-decoration:none;color:#fff!important;font-weight:500!important}.nav-cta:hover{background:var(--accent-secondary)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding-top:140px;padding-bottom:80px;display:flex}.hero-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.hero-badge{color:var(--text-secondary);margin-bottom:24px;font-size:14px;display:inline-block}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(48px,6vw,76px);font-weight:800;line-height:1.1}.hero-title-highlight{color:var(--accent-primary)}.hero-description{color:var(--text-secondary);max-width:650px;margin-bottom:40px;font-size:19px;line-height:1.6}.hero-actions{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.btn-primary{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-button-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#333}.hero-visual{width:100%;max-width:900px;margin:0 auto}.hero-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero-image-wrapper img{width:100%;height:auto;display:block}.features{border-top:1px solid var(--border-subtle);padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:16px;font-size:14px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.features-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.feature-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);padding:32px}.feature-icon{border-radius:var(--radius-sm);background:var(--accent-light);width:48px;height:48px;color:var(--accent-primary);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-title{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:15px;line-height:1.6}.how-it-works{border-top:1px solid var(--border-subtle);padding:100px 0}.steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px;display:grid}.step{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px}.step-number{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 20px;font-size:16px;font-weight:700;display:flex}.step-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:15px;line-height:1.6}.platforms{border-top:1px solid var(--border-subtle);padding:100px 0}.platforms-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.platform-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;padding:40px}.platform-icon{color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.platform-name{margin-bottom:8px;font-size:18px;font-weight:600}.platform-desc{color:var(--text-secondary);font-size:14px}.shortcuts-section{border-top:1px solid var(--border-subtle);padding:100px 0}.shortcuts-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px;margin:0 auto;display:grid}.shortcut-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.shortcut-label{color:var(--text-primary);font-size:15px;font-weight:500}.shortcut-keys{gap:6px;display:flex}.kbd{background:var(--bg-button-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600}.cta{border-top:1px solid var(--border-subtle);padding:100px 0}.cta-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;padding:80px 40px}.cta-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800}.cta-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-navbar);padding:40px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{color:#000;letter-spacing:-.5px;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:flex}.footer-name{font-size:16px;font-weight:600}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition-fast);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--text-primary);text-decoration:underline}.footer-copy{color:var(--text-muted);font-size:13px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}@media (max-width:900px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-description{margin:0 auto 40px}.hero-actions{flex-wrap:wrap;justify-content:center}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:24px}.platforms-grid{grid-template-columns:1fr}.nav-links{background:var(--bg-navbar);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding:24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open,.nav-toggle{display:flex}}@media (max-width:600px){.hero{padding-top:100px}.footer-content,.footer-bottom{text-align:center;flex-direction:column}.shortcuts-grid{grid-template-columns:1fr}}.dash-layout{min-height:100vh;padding-top:60px;display:flex}.dash-sidebar{background:var(--bg-card);border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;width:260px;min-width:260px;height:calc(100vh - 60px);padding:24px 16px;display:flex;position:sticky;top:60px}.dash-sidebar-top{flex-direction:column;gap:24px;display:flex}.dash-user{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:20px;display:flex}.dash-avatar{border-radius:50%;width:40px;height:40px}.dash-username{color:var(--text-primary);font-size:14px;font-weight:600}.dash-email{color:var(--text-muted);text-overflow:ellipsis;max-width:160px;font-size:12px;overflow:hidden}.dash-nav{flex-direction:column;gap:4px;display:flex}.dash-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.dash-nav-item:hover{background:var(--bg-button-secondary);color:var(--text-primary)}.dash-nav-item.active{background:var(--accent-light);color:var(--accent-primary)}.dash-logout-btn{color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:16px}.dash-logout-btn:hover{color:var(--accent-primary)}.admin-badge-label{letter-spacing:.1em;color:var(--accent-primary);margin-bottom:8px;font-size:11px;font-weight:700}.dash-main{flex:1;min-width:0;padding:40px;overflow-y:auto}.dash-content{max-width:800px;margin:0 auto}.dash-page-title{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.dash-page-desc{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.dash-loading{justify-content:center;align-items:center;min-height:100vh;padding-top:60px;display:flex}.dash-loading-inline{justify-content:center;padding:60px 0;display:flex}.dash-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-progress{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.form-step-dot{background:var(--bg-button-secondary);border:2px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.form-step-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.form-step-line{background:var(--border-subtle);width:60px;height:2px;transition:var(--transition-fast)}.form-step-line.active{background:var(--accent-primary)}.form-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px}.form-slide{flex-direction:column;gap:20px;display:flex}.form-slide-title{margin-bottom:4px;font-size:20px;font-weight:700}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-label .req{color:var(--accent-primary)}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-family:var(--font-sans);transition:var(--transition-fast);outline:none;padding:12px 16px}.form-input:focus{border-color:var(--accent-primary)}.form-input option{background:var(--bg-primary);color:var(--text-primary)}.qr-placeholder{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);width:200px;height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.form-actions{align-items:center;gap:12px;margin-top:28px;display:flex}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.form-success{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:80px 40px}.form-success h2{color:var(--accent-primary);margin-bottom:12px;font-size:28px;font-weight:800}.form-success p{color:var(--text-secondary);max-width:400px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px}.tokens-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.tokens-table{border-collapse:collapse;width:100%;font-size:14px}.tokens-table th{text-align:left;background:var(--bg-card);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:14px 16px;font-size:13px;font-weight:600}.tokens-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:14px 16px}.tokens-table tbody tr:last-child td{border-bottom:none}.mono{font-family:SF Mono,Fira Code,monospace;font-size:13px}.badge{border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{color:#ffc107;background:#ffc10726}.badge-approved{color:#4caf50;background:#4caf5026}.badge-rejected{color:#ef3837;background:#ef383726}.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);padding:60px 20px;font-size:15px}.admin-cards{flex-direction:column;gap:20px;display:flex}.admin-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.admin-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-card-avatar{border-radius:50%;width:40px;height:40px}.admin-card-name{font-size:15px;font-weight:600}.admin-card-email{color:var(--text-muted);font-size:13px}.admin-card-body{grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:20px;display:grid}.admin-card-row{flex-direction:column;gap:2px;display:flex}.admin-card-row span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.admin-card-row strong{color:var(--text-primary);font-size:14px}.admin-card-actions{border-top:1px solid var(--border-subtle);gap:12px;padding-top:16px;display:flex}.btn-approve{border-radius:var(--radius-sm);color:#4caf50;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:#4caf5026;border:1px solid #4caf504d;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.btn-approve:hover{background:#4caf5040}.btn-reject{border-radius:var(--radius-sm);color:#ef3837;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:#ef383726;border:1px solid #ef38374d;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.btn-reject:hover{background:#ef383740}@media (max-width:768px){.dash-layout{flex-direction:column}.dash-sidebar{flex-direction:row;width:100%;min-width:100%;height:auto;padding:12px 16px;position:relative;top:0;overflow-x:auto}.dash-sidebar-top{flex-direction:row;align-items:center;gap:12px;width:100%}.dash-user{display:none}.dash-nav{flex-direction:row;gap:8px}.dash-logout-btn{border-top:none;margin-top:0;padding-top:10px}.dash-main{padding:24px 16px}.form-card{padding:24px}.admin-card-body{grid-template-columns:1fr}}.toast{z-index:200;border-radius:var(--radius-md);border:1px solid var(--accent-primary);color:var(--accent-primary);background:#1c1c1c;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s toast-in;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 8px 30px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-error{color:var(--accent-primary);margin-top:2px;font-size:12px}.input-error{border-color:var(--accent-primary)!important}.field-hint{color:var(--text-muted);font-size:12px}.admin-card-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-card-header.clickable:hover{border-radius:var(--radius-md);background:#ffffff08;margin:-8px;padding:8px}.collapse-icon{color:var(--text-muted);flex-shrink:0}.badge-pending-small{color:#ffc107;background:#ffc10726;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.rs-picker-default .rs-picker-toggle{background:var(--bg-primary)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}.rs-picker-toggle-value{color:var(--text-primary)!important}.rs-picker-toggle-placeholder{color:var(--text-muted)!important}.rs-calendar-table-cell-selected .rs-calendar-table-cell-content{background:var(--accent-primary)!important}.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content{box-shadow:inset 0 0 0 1px var(--accent-primary)!important}.rs-btn-primary{background:var(--accent-primary)!important}.rs-btn-primary:hover{background:var(--accent-secondary)!important}a,button,.feature-card,.platform-card,.step,.admin-card,.shortcut-item,.form-card{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,background-color .3s,color .3s,filter .3s}button:disabled{box-shadow:none!important;transform:none!important}.feature-card:hover,.platform-card:hover,.step:hover,.admin-card:hover,.shortcut-item:hover,.form-card:hover{filter:brightness(1.05);border-color:#ef38374d;transform:translateY(-5px);box-shadow:0 15px 35px #ef383726,0 5px 15px #0006}button:hover:not(:disabled),.btn-primary:hover,.btn-secondary:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef383733}.nav-links a:hover,.footer-links a:hover{color:var(--accent-primary);text-decoration:none;transform:translateY(-2px)}.nav-logo:hover{transform:scale(1.02)}.nav-logo:hover .nav-logo-icon{background:var(--accent-primary);color:#fff}