@tailwind base;@tailwind components;@tailwind utilities;@layer components{.gradient-text{@apply bg-gradient-to-r from-[#4a6bff] to-[#2541b2] bg-clip-text text-transparent;}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4a6bff #f0f0f0}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f0f0f0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4a6bff;border-radius:4px}.animate-fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.responsive-text{@apply text-base md:text-lg lg:text-xl;}.gradient-bg{@apply bg-gradient-to-r from-primary to-primary-dark;}body{background-color:#000;color:#fff;margin:0;padding:0}#root,.ant-layout,.ant-layout-header,.ant-layout-content,.ant-layout-footer{background-color:#000!important}.ant-card,.ant-modal-content,.ant-dropdown-menu,.ant-select-dropdown,.ant-table,.ant-table-thead>tr>th,.ant-table-tbody>tr>td{background-color:#111!important;color:#fff!important;border-color:#333!important}.ant-table-tbody>tr:hover>td{background-color:#222!important}a{color:#4a6bff!important}a:hover{color:#6b8fff!important}.ant-typography{color:#fff!important}.ant-typography.ant-typography-secondary{color:#999!important}.ant-btn{background-color:#111;border-color:#333;color:#fff}.ant-btn:hover{background-color:#222;border-color:#444}.ant-btn-primary{background-color:#4a6bff;border-color:#4a6bff}.ant-btn-primary:hover{background-color:#6b8fff!important;border-color:#6b8fff!important}.ant-input,.ant-input-number,.ant-select-selector{background-color:#111!important;border-color:#333!important;color:#fff!important}.ant-input:hover,.ant-input-number:hover,.ant-select-selector:hover{border-color:#4a6bff!important}::-webkit-scrollbar{width:10px;background:#000000}::-webkit-scrollbar-thumb{background:#333333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#444444}.ant-chart-container{background-color:#111!important}.ant-chart-axis-line,.ant-chart-grid-line{stroke:#333!important}.ant-chart-text{fill:#fff!important}.landing-container{min-height:100vh;background:#0a0a0f;color:#e4e4e7;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;overflow:hidden}.hero-bg-animation{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.3}.cell-wall{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border:2px solid rgba(59,130,246,.2);border-radius:50%;animation:pulse 4s ease-in-out infinite}.cell-wall:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border:2px solid rgba(139,92,246,.2);border-radius:50%;animation:pulse 4s ease-in-out infinite 1s}.cell-wall:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid rgba(16,185,129,.2);border-radius:50%;animation:pulse 4s ease-in-out infinite 2s}.data-particle{position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;top:50%;left:50%;animation:orbit 8s linear infinite;box-shadow:0 0 10px #3b82f6cc}@keyframes orbit{0%{transform:rotate(0) translate(300px) rotate(0)}to{transform:rotate(360deg) translate(300px) rotate(-360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.hero-content{position:relative;z-index:1;text-align:center;max-width:1200px}.hero-title{color:#e4e4e7;font-weight:800;margin-bottom:24px;animation:fadeInUp 1s ease-out}.gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:#a1a1aa;animation:fadeInUp 1s ease-out .2s both}.metric-card{background:#111118!important;border:1px solid #1e1e2e!important;border-radius:12px!important;transition:all .3s ease;animation:fadeInUp 1s ease-out .4s both}.metric-card:hover{transform:translateY(-4px);border-color:#3b82f6!important;box-shadow:0 8px 24px #3b82f633}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.cta-button{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;height:48px;padding:0 32px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.secondary-button{background:transparent;border:1px solid #3b82f6;color:#3b82f6;height:48px;padding:0 32px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.secondary-button:hover{background:rgba(59,130,246,.1);transform:translateY(-2px)}.how-it-works{background:#0a0a0f;padding:80px 24px}.step-card{background:#111118!important;border:1px solid #1e1e2e!important;border-radius:12px!important;padding:32px!important;transition:all .3s ease;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);transform:scaleX(0);transition:transform .3s ease}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);border-color:#3b82f6!important;box-shadow:0 12px 32px #3b82f633}.step-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1}.demo-section{background:#0a0a0f;padding:80px 24px}.demo-card{background:#111118!important;border:1px solid #1e1e2e!important;border-radius:12px!important;overflow:hidden}.demo-window{background:#0a0a0f}.demo-title-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a2e;border-bottom:1px solid #2a2a3e}.demo-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.demo-content{padding:24px}.features-section{background:#0a0a0f;padding:80px 24px}.feature-card{background:#111118!important;border:1px solid #1e1e2e!important;border-radius:12px!important;padding:24px!important;transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-4px);border-color:#3b82f6!important;box-shadow:0 8px 24px #3b82f633}.feature-icon{font-size:32px;margin-bottom:16px}.cta-section{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);padding:80px 24px;text-align:center}@media (max-width: 768px){.hero-section{padding:60px 16px}.cell-wall{width:300px;height:300px}.cell-wall:before{width:200px;height:200px}.cell-wall:after{width:100px;height:100px}.data-particle{animation:orbitMobile 8s linear infinite}@keyframes orbitMobile{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}.hero-buttons{flex-direction:column}.cta-button,.secondary-button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background-image:url(/assets/homepage-aaf8a76c.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.03;filter:blur(2px);z-index:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#3b82f6;border-radius:50%;top:50%;left:50%;box-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f666;animation:float 20s infinite linear}.particle:nth-child(1){animation-duration:25s;animation-delay:0s}.particle:nth-child(2){animation-duration:30s;animation-delay:5s;background:#8b5cf6;box-shadow:0 0 10px #8b5cf6cc,0 0 20px #8b5cf666}.particle:nth-child(3){animation-duration:35s;animation-delay:10s;background:#10b981;box-shadow:0 0 10px #10b981cc,0 0 20px #10b98166}.particle:nth-child(4){animation-duration:28s;animation-delay:15s}.particle:nth-child(5){animation-duration:32s;animation-delay:20s;background:#8b5cf6;box-shadow:0 0 10px #8b5cf6cc,0 0 20px #8b5cf666}@keyframes float{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx, 100px),var(--ty, -100px)) scale(0);opacity:0}}.particle:nth-child(1){--tx: 200px;--ty: -300px}.particle:nth-child(2){--tx: -250px;--ty: -200px}.particle:nth-child(3){--tx: 300px;--ty: 250px}.particle:nth-child(4){--tx: -200px;--ty: 300px}.particle:nth-child(5){--tx: 150px;--ty: -350px}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;padding:48px;background:rgba(17,17,24,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.auth-logo img{width:64px;height:64px;border-radius:12px;object-fit:contain;background:transparent;box-shadow:0 4px 20px #3b82f64d;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.auth-tagline{color:#a1a1aa;font-size:14px;margin:0;letter-spacing:1px}.auth-tabs{display:flex;gap:8px;margin-bottom:32px;padding:4px;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid rgba(59,130,246,.1)}.auth-tab{flex:1;padding:10px 16px;background:transparent;border:none;color:#a1a1aa;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;border-radius:6px;transition:all .3s ease}.auth-tab:hover{color:#e4e4e7;background:rgba(59,130,246,.1)}.auth-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#a1a1aa;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.auth-input{width:100%;padding:12px 16px;background:rgba(0,0,0,.3);border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#e4e4e7;font-size:14px;transition:all .3s ease;outline:none}.auth-input::placeholder{color:#52525b}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 0 20px #3b82f633;background:rgba(0,0,0,.4)}.auth-submit{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:8px;box-shadow:0 4px 16px #3b82f64d}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.auth-divider span{color:#71717a;font-size:12px;font-weight:500;letter-spacing:1px}.auth-oauth{display:flex;flex-direction:column;gap:12px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background:rgba(0,0,0,.3);border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#e4e4e7;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.oauth-button:hover:not(:disabled){background:rgba(59,130,246,.1);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.oauth-button:disabled{opacity:.4;cursor:not-allowed}.oauth-button.google{border-color:#3b82f64d}.oauth-button.github{border-color:#8b5cf64d}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:#71717a;font-size:12px;margin:0}.auth-footer a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#8b5cf6;text-decoration:underline}@media (max-width: 480px){.auth-card{padding:32px 24px;margin:16px}.auth-logo{font-size:24px;letter-spacing:2px}.auth-tagline{font-size:12px}}.auth-input:focus-visible,.auth-submit:focus-visible,.oauth-button:focus-visible,.auth-tab:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.auth-submit:disabled{position:relative}.auth-submit:disabled:after{content:"";position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}