@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@400;500&display=swap";.auth-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:40px;box-shadow:0 8px 32px #0006}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.auth-header p{color:#fff9;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#ffffffe6;font-size:14px;font-weight:500}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s}.form-group input:focus{background:#ffffff14;border-color:#6366f1;outline:none}.form-group input::placeholder{color:#fff6}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;margin-top:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px;font-size:14px}.auth-footer{text-align:center;margin-top:24px}.auth-footer p{color:#fff9;font-size:14px}.auth-footer a{color:#6366f1;font-weight:600;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#8b5cf6}.loading-container{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.auth-landing{background:radial-gradient(circle at 20% 20%,#6366f138,#0000 38%),radial-gradient(circle at 85% 85%,#8b5cf633,#0000 42%),#0a0a0a;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-landing-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141424cc;border:1px solid #ffffff1a;border-radius:20px;width:min(100%,680px);padding:44px;box-shadow:0 20px 80px #00000073}.auth-landing-kicker{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:13px}.auth-landing-card h1{color:#fff;margin-bottom:14px;font-size:clamp(32px,5vw,48px);line-height:1.06}.auth-landing-copy{color:#ffffffb8;margin-bottom:18px;font-size:16px;line-height:1.6}.auth-landing-routes{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;padding:14px 16px}.auth-landing-routes p{color:#ffffffd1;margin-bottom:8px;font-size:14px}.auth-landing-routes ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.auth-landing-routes li{font-family:var(--mono);color:#c5ccff;background:#6366f129;border:1px solid #6366f159;border-radius:999px;padding:6px 10px;font-size:13px}@media (width<=640px){.auth-landing-card{padding:28px}}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{background:#0a0a0a;min-height:100vh;display:flex}.dashboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border-right:1px solid #ffffff1a;width:260px;height:100vh;padding:24px 0;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:0 24px 24px}.sidebar-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;gap:8px;padding:24px 16px;display:flex}.nav-item{color:#ffffffb3;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.dashboard-main{flex:1;margin-left:260px;padding:32px}.dashboard-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.header-left h1{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700}.header-left p{color:#fff9;margin:0;font-size:14px}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.dashboard-content{flex-direction:column;gap:32px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:24px;transition:all .3s;display:flex}.stat-card:hover{border-color:#6366f180;transform:translateY(-4px);box-shadow:0 8px 24px #6366f133}.stat-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-content h3{color:#ffffffb3;margin:0 0 8px;font-size:14px;font-weight:500}.stat-value{color:#fff;margin:0 0 4px;font-size:28px;font-weight:700}.stat-change{color:#ffffff80;font-size:12px}.stat-change.positive{color:#10b981}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;gap:16px;padding:16px;transition:all .3s;display:flex}.activity-item:hover{background:#ffffff0d;border-color:#ffffff1a}.activity-icon{background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.activity-content h4{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.activity-content p{color:#fff9;margin:0 0 4px;font-size:13px}.activity-time{color:#fff6;font-size:12px}@media (width<=768px){.dashboard-sidebar{width:200px}.dashboard-main{margin-left:200px;padding:20px}.stats-grid{grid-template-columns:1fr}}.services-management{padding:24px}.management-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.management-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.service-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:32px;padding:32px}.service-form-card h3{color:#fff;margin-bottom:24px;font-size:20px;font-weight:600}.service-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.service-form .form-group{flex-direction:column;gap:8px;display:flex}.service-form label{color:#ffffffe6;font-size:14px;font-weight:500}.service-form input,.service-form textarea,.service-form select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.service-form input:focus,.service-form textarea:focus,.service-form select:focus{background:#ffffff14;border-color:#6366f1;outline:none}.service-form textarea{resize:vertical;min-height:100px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px}.form-actions{gap:12px;margin-top:8px;display:flex}.services-list{flex-direction:column;gap:16px;display:flex}.service-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;transition:all .3s;display:flex}.service-item:hover{background:#1a1a2ecc;border-color:#6366f14d}.service-item-content{flex:1}.service-item-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.service-item-header h4{color:#fff;margin:0;font-size:18px;font-weight:600}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.active{color:#10b981;background:#10b98133}.status-badge.inactive{color:#ef4444;background:#ef444433}.service-item-content p{color:#ffffffb3;margin:0 0 12px;font-size:14px;line-height:1.6}.service-meta{color:#ffffff80;gap:16px;font-size:12px;display:flex}.service-item-actions{flex-shrink:0;gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.btn-edit{color:#6366f1;background:#6366f133}.btn-edit:hover{background:#6366f14d}.btn-delete{color:#ef4444;background:#ef444433}.btn-delete:hover{background:#ef44444d}@media (width<=768px){.form-row{grid-template-columns:1fr}.service-item{flex-direction:column}.service-item-actions{width:100%}.btn-edit,.btn-delete{flex:1}}.services-section{background:var(--theme-bg,#fff);padding:100px 20px}.services-container{max-width:1200px;margin:0 auto}.services-header{text-align:center;margin-bottom:60px}.services-subtitle{letter-spacing:2px;color:#6366f1;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:600}.services-title{color:var(--theme-title,#1a1a2e);letter-spacing:-.02em;margin-bottom:16px;font-size:42px;font-weight:700}.services-description{color:var(--theme-copy,#6b6b80);max-width:700px;margin:0 auto;font-size:16px;line-height:1.6}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;display:grid}.service-card{text-align:center;background:var(--theme-card,#fff);border:1px solid #0000;border-radius:12px;padding:40px 30px;transition:all .3s}.service-card:hover{border-color:#6366f133;transform:translateY(-8px);box-shadow:0 12px 40px #6366f126}.service-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;transition:all .3s;display:flex}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-icon svg{width:40px;height:40px}.service-title{color:var(--theme-title,#1a1a2e);letter-spacing:-.01em;margin-bottom:12px;font-size:20px;font-weight:700}.service-description{color:var(--theme-copy,#6b6b80);font-size:14px;line-height:1.7}.loading-spinner{text-align:center;color:var(--theme-copy,#6b6b80);padding:60px 20px;font-size:18px}@media (width<=768px){.services-section{padding:60px 20px}.services-title{font-size:32px}.services-grid{grid-template-columns:1fr;gap:30px}}.stt-btn{z-index:1050;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(180%);color:#e0dbff;background:#0c0a18b8;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:box-shadow .3s,background .3s;display:flex;position:fixed;bottom:36px;right:32px;box-shadow:0 0 0 1px #6c63ff59,0 8px 32px #00000073,0 2px 8px #6c63ff33}.stt-btn:hover{color:#fff;background:#14102cd9;box-shadow:0 0 0 1px #8b5cf699,0 0 24px #6c63ff73,0 0 48px #22d3ee33,0 12px 40px #00000080}.stt-ring{pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.stt-arrow{z-index:2;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.stt-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6c63ff4d 0%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite stt-pulse;position:absolute;inset:-4px}@keyframes stt-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.45)}}@media (width<=600px){.stt-btn{width:46px;height:46px;bottom:24px;right:18px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#13131d;--border:#1f1f2e;--accent:#6c63ff;--accent-dim:#6c63ff33;--text:#e8e8f0;--text-muted:#6b6b80;--success:#00e5a0;--success-dim:#00e5a020;--error:#ff5f7e;--error-dim:#ff5f7e20;--radius:16px;--mono:"DM Mono", monospace;--sans:"DM Sans", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif}body{color:#0a0a0a;font-family:var(--sans);background:#fff;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-scrolling iframe{pointer-events:none}body,#root,main{overflow-y:visible!important}html{max-width:100%;overflow-x:clip}body,#root{max-width:100vw;overflow-x:clip!important}.as-mockup-wrap{justify-content:center;align-items:flex-start;width:100%;display:flex}@media (width<=600px){.as-mockup-wrap>*{transform-origin:top;transform:scale(.8)}}@media (width<=400px){.as-mockup-wrap>*{transform-origin:top;transform:scale(.66)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#a78bfa 0%,#6c63ff 40%,#22d3ee 100%);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c4b5fd 0%,#818cf8 40%,#67e8f9 100%)}::-webkit-scrollbar-corner{background:0 0}.landing-page,.landing-page *{scrollbar-width:none}.landing-page::-webkit-scrollbar{width:0;height:0;display:none}.landing-page ::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:thin;scrollbar-color:#6c63ff transparent}@media (width<=768px){::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}}.home-page{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.home-page h1{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 40%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.home-page .subtitle{color:var(--text-muted);letter-spacing:.04em;margin-bottom:28px;font-size:.95rem}.ping-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:18px;width:min(100%,440px);padding:36px 40px;display:flex;box-shadow:0 8px 40px #0006,0 0 0 1px #6c63ff14}.ping-card h2{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.ping-card .endpoint{font-family:var(--mono);color:var(--accent);background:var(--accent-dim);border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.78rem;display:inline-block}.response-box{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:center;align-items:center;min-height:60px;padding:14px 18px;transition:background .3s,border-color .3s;display:flex}.response-box.success{background:var(--success-dim);border-color:var(--success)}.response-box.error{background:var(--error-dim);border-color:var(--error)}.response-box code{font-family:var(--mono);color:var(--text);font-size:.9rem}.response-box.success code{color:var(--success)}.response-box.error code{color:var(--error)}.loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}button{font-family:var(--sans);letter-spacing:.02em;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s}button:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes marqueeRight{0%{transform:translate(-33.33%)}to{transform:translate(0)}}.marquee-wrapper:hover{animation-play-state:paused!important}.clients-marquee-row{will-change:transform;transform:translateZ(0)}.client-card{transition:transform .22s,background-color .22s,border-color .22s,box-shadow .22s}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;background:var(--theme-card-strong)!important;border-color:var(--theme-border-strong)!important}.client-card:hover>span{color:var(--theme-title)!important}[data-reveal]{opacity:0;will-change:transform, opacity;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}[data-reveal=fade-up]{transform:translateY(52px)}[data-reveal=fade-down]{transform:translateY(-40px)}[data-reveal=fade-left]{transform:translate(-56px)}[data-reveal=fade-right]{transform:translate(56px)}[data-reveal=zoom-in]{transform:scale(.88)}[data-reveal=zoom-out]{transform:scale(1.1)}[data-reveal=flip-up]{transform:perspective(700px)rotateX(18deg)translateY(40px)}[data-reveal=blur-in]{filter:blur(12px);transform:translateY(30px)}[data-reveal].is-revealed{opacity:1;filter:none;transform:none}[data-delay="1"]{transition-delay:80ms}[data-delay="2"]{transition-delay:.16s}[data-delay="3"]{transition-delay:.24s}[data-delay="4"]{transition-delay:.32s}[data-delay="5"]{transition-delay:.4s}[data-delay="6"]{transition-delay:.48s}[data-delay="7"]{transition-delay:.56s}[data-delay="8"]{transition-delay:.64s}.page-enter{animation:.55s cubic-bezier(.22,1,.36,1) both page-slide-in}@keyframes page-slide-in{0%{opacity:0;filter:blur(4px);transform:translateY(28px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.premium-divider{background:linear-gradient(90deg,#0000 0%,#6c63ff80 30%,#22d3ee99 70%,#0000 100%) 0 0/200% 100%;border:none;width:100%;height:1px;margin:0;animation:4s linear infinite divider-shimmer}@keyframes divider-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.text-shimmer{background:linear-gradient(90deg,#a78bfa 0%,#22d3ee 30%,#a78bfa 60%,#818cf8 100%) 0 0/250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite text-shimmer-move}@keyframes text-shimmer-move{0%{background-position:0%}to{background-position:250%}}