@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-1: 0 100% 50%;--color-2: 30 100% 50%;--color-3: 60 100% 50%;--color-4: 120 100% 50%;--color-5: 240 100% 50%;--focus-ring-color: rgba(59, 130, 246, .5);--focus-ring-offset: 2px}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#0f172a}body{font-family:system-ui,-apple-system,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}#root{width:100%;min-height:100vh}*:focus{outline:none}*:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:4px}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px #3b82f633}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633}a:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:16px 24px;background:#0f172a;color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 8px}.skip-link:focus{left:0}@media (prefers-contrast: high){*:focus-visible{outline:3px solid currentColor;outline-offset:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer utilities{@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-rainbow{animation:rainbow 3s ease-in-out infinite;background-size:200% 200%}.cpu-architecture.cpu-line-1{animation:cpu-light-move-1 4s ease-in-out infinite}.cpu-architecture.cpu-line-2{animation:cpu-light-move-2 4s ease-in-out infinite .5s}.cpu-architecture.cpu-line-3{animation:cpu-light-move-3 4s ease-in-out infinite 1s}.cpu-architecture.cpu-line-4{animation:cpu-light-move-4 4s ease-in-out infinite 1.5s}.cpu-architecture.cpu-line-5{animation:cpu-light-move-5 4s ease-in-out infinite 2s}.cpu-architecture.cpu-line-6{animation:cpu-light-move-6 4s ease-in-out infinite 2.5s}.cpu-architecture.cpu-line-7{animation:cpu-light-move-7 4s ease-in-out infinite 3s}.cpu-architecture.cpu-line-8{animation:cpu-light-move-8 4s ease-in-out infinite 3.5s}@keyframes cpu-light-move-1{0%{transform:translate(10px,20px);opacity:0}5%{opacity:1}25%{transform:translate(50px,20px)}50%{transform:translate(89.5px,20px)}60%{transform:translate(94.5px,25px)}85%{transform:translate(94.5px,50px)}95%{opacity:1}to{transform:translate(94.5px,55px);opacity:0}}@keyframes cpu-light-move-2{0%{transform:translate(180px,10px);opacity:0}5%{opacity:1}25%{transform:translate(140px,10px)}50%{transform:translate(110.3px,10px)}60%{transform:translate(105.3px,15px)}85%{transform:translate(105.3px,40px)}95%{opacity:1}to{transform:translate(105.3px,45px);opacity:0}}@keyframes cpu-light-move-3{0%{transform:translate(130px,20px);opacity:0}5%{opacity:1}40%{transform:translate(130px,41.8px)}60%{transform:translate(125px,46.8px)}85%{transform:translate(115px,46.8px)}95%{opacity:1}to{transform:translate(110px,46.8px);opacity:0}}@keyframes cpu-light-move-4{0%{transform:translate(170px,80px);opacity:0}5%{opacity:1}30%{transform:translate(170px,58.2px)}50%{transform:translate(165px,53.2px)}85%{transform:translate(115px,53.2px)}95%{opacity:1}to{transform:translate(110px,53.2px);opacity:0}}@keyframes cpu-light-move-5{0%{transform:translate(135px,65px);opacity:0}5%{opacity:1}20%{transform:translate(150px,65px)}30%{transform:translate(155px,70px)}40%{transform:translate(155px,80px)}50%{transform:translate(150px,85px)}70%{transform:translate(110.2px,85px)}80%{transform:translate(105.2px,80px)}95%{transform:translate(105.2px,60px);opacity:1}to{transform:translate(105.2px,55px);opacity:0}}@keyframes cpu-light-move-6{0%{transform:translate(94.8px,95px);opacity:0}5%{opacity:1}85%{transform:translate(94.8px,59px)}95%{opacity:1}to{transform:translate(94.8px,54px);opacity:0}}@keyframes cpu-light-move-7{0%{transform:translate(88px,88px);opacity:0}5%{opacity:1}20%{transform:translate(88px,73px)}30%{transform:translate(83px,68px)}45%{transform:translate(73px,68px)}55%{transform:translate(68px,63px)}65%{transform:translate(68px,58px)}75%{transform:translate(73px,53px)}95%{transform:translate(87px,53px);opacity:1}to{transform:translate(90px,53px);opacity:0}}@keyframes cpu-light-move-8{0%{transform:translate(30px,30px);opacity:0}5%{opacity:1}30%{transform:translate(55px,30px)}40%{transform:translate(60px,35px)}55%{transform:translate(60px,41.5px)}65%{transform:translate(65px,46.5px)}95%{transform:translate(85px,46.5px);opacity:1}to{transform:translate(88px,46.5px);opacity:0}}@keyframes circularGradient{0%{transform:translate(0) rotate(0) scale(1);opacity:.3}18%{transform:translate(-50px,30px) rotate(90deg) scale(1.2);opacity:.5}36%{transform:translate(-100px) rotate(180deg) scale(1);opacity:.3}54%{transform:translate(-50px,-30px) rotate(270deg) scale(.8);opacity:.4}72%{transform:translate(0) rotate(360deg) scale(1);opacity:.3}to{transform:translate(0) rotate(360deg) scale(1);opacity:.3}}}@layer components{.container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}button:disabled,[aria-disabled=true]{color:#6b7280!important}::placeholder{color:#6b7280;opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.mobile-header{display:flex!important}.sidebar-nav{transform:translate(-100%)}.sidebar-nav.open{transform:translate(0)}main>div{padding:0!important}}@media (min-width: 768px) and (max-width: 1024px){.sidebar-nav{width:80px!important}}@media (min-width: 1025px){.mobile-header{display:none!important}}html,body{overflow-x:hidden;max-width:100vw}.container{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 479px){.container{padding-left:12px!important;padding-right:12px!important}.mobile-stack{display:flex!important;flex-direction:column!important;gap:12px!important}h1{font-size:1.5rem!important;line-height:1.2!important}h2{font-size:1.25rem!important;line-height:1.3!important}button,.btn{min-height:44px;min-width:44px}.card,[class*=Card]{padding:12px!important}}@media (min-width: 480px) and (max-width: 767px){.container{padding-left:16px!important;padding-right:16px!important}.mobile-2col{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 767px){button,a,input,select,textarea,[role=button]{min-height:44px}body{font-size:16px;-webkit-text-size-adjust:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}input,select,textarea{width:100%;max-width:100%;box-sizing:border-box}img{max-width:100%;height:auto}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}[style*="position: fixed"]{max-width:100vw}}@media (min-width: 768px) and (max-width: 1024px){.container{padding-left:24px!important;padding-right:24px!important}.tablet-2col{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.mobile-only{display:none!important}}@media (max-width: 767px){.dashboard-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:280px!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:1000!important}.dashboard-sidebar.open{transform:translate(0)!important}.dashboard-main{margin-left:0!important;width:100%!important;padding-top:60px!important}.dashboard-mobile-header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:60px!important;background:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.1)!important;z-index:999!important;padding:0 16px!important;align-items:center!important;justify-content:space-between!important}.sidebar-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000080!important;z-index:999!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important}.sidebar-backdrop.visible{opacity:1!important;visibility:visible!important}}@media (max-width: 767px){.landing-hero{padding:100px 16px 60px!important;text-align:center!important}.landing-hero h1{font-size:2rem!important;line-height:1.2!important}.features-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.pricing-grid{grid-template-columns:1fr!important}.comparison-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.comparison-table{min-width:600px!important}}@media (max-width: 767px){.auth-container{padding:16px!important;max-width:100%!important}.auth-card{padding:20px!important;border-radius:12px!important}.form-grid-2col{grid-template-columns:1fr!important}}@media (max-width: 479px){.hide-xs{display:none!important}}@media (min-width: 480px) and (max-width: 767px){.hide-sm{display:none!important}}@media (min-width: 768px) and (max-width: 1024px){.hide-md{display:none!important}}@media (min-width: 1025px){.hide-lg{display:none!important}}.show-xs,.show-sm,.show-md,.show-lg{display:none!important}@media (max-width: 479px){.show-xs{display:block!important}}@media (min-width: 480px) and (max-width: 767px){.show-sm{display:block!important}}@media (min-width: 768px) and (max-width: 1024px){.show-md{display:block!important}}@media (min-width: 1025px){.show-lg{display:block!important}}@media (max-width: 767px){.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}}@media (max-width: 767px){.p-mobile-sm{padding:12px!important}.p-mobile-md{padding:16px!important}.m-mobile-0{margin:0!important}.gap-mobile-sm{gap:8px!important}.gap-mobile-md{gap:12px!important}}}:focus-visible{outline:3px solid #6366f1;outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,[role=button]:focus-visible{outline:3px solid #6366f1;outline-offset:2px;box-shadow:0 0 0 4px #6366f14d}a:focus-visible{outline:3px solid #6366f1;outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6366f1;outline-offset:0;border-color:#6366f1}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:focus-visible{outline:3px solid currentColor;outline-offset:3px}button,[role=button]{border:2px solid currentColor}a{text-decoration:underline;text-decoration-thickness:2px}}[aria-selected=true]{background-color:#6366f11a}[aria-current=true],[aria-current=page]{font-weight:600;border-left:3px solid #6366f1}[aria-expanded=true]:after{content:""}[aria-disabled=true],[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait}[aria-invalid=true]{border-color:#ef4444}[aria-invalid=true]:focus-visible{outline-color:#ef4444;box-shadow:0 0 0 4px #ef44444d}[role=menu]{list-style:none;padding:0;margin:0}[role=menuitem]:focus-visible,[role=menuitemcheckbox]:focus-visible,[role=menuitemradio]:focus-visible{background-color:#6366f11a;outline:none}[role=tablist]{display:flex;gap:.25rem}[role=tab]{cursor:pointer;padding:.5rem 1rem;border:none;background:transparent}[role=tab][aria-selected=true]{border-bottom:2px solid #6366f1;font-weight:600}[role=tab]:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}[role=tabpanel]:focus-visible{outline:2px solid #6366f1;outline-offset:2px}[role=dialog],[role=alertdialog]{position:fixed;z-index:1000}[role=dialog]:focus-visible,[role=alertdialog]:focus-visible{outline:none}button,[role=button],a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}p a,li a,span a{min-height:auto;min-width:auto}.text-low-contrast{opacity:.7}.text-error{color:#dc2626}.text-success{color:#059669}.text-warning{color:#d97706}