@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-color:#040404;--bg-main:#060608;--surface-1:#0e0e0f;--surface-2:#141416;--surface-3:#1a1a1d;--border-subtle:#ffffff0e;--border-strong:#ffffff1f;--border-highlight:#ffffff2e;--accent-neon:#fff;--accent-neon-dim:#fff9;--accent-neon-glow:#ffffff14;--accent-hover:#ffffffe6;--accent-cyan:#fff;--bg-sidebar:#080809;--card-bg:var(--surface-1);--card-bg-hover:var(--surface-2);--border-color:var(--border-subtle);--text-primary:#f0f0f2;--text-secondary:#8a8a96;--text-muted:#46464f;--font-display:"Outfit", sans-serif;--font-ui:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.25, .46, .45, .94);--transition-speed:.22s;--border-radius:14px;--border-radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.1}h1{margin-bottom:24px;font-size:clamp(2.8rem,6vw,5.5rem)}h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3.2rem)}p{color:var(--text-secondary);margin-bottom:16px;font-size:1.05rem}.text-accent{color:var(--accent-neon)}.glow-text{text-shadow:0 0 30px var(--accent-neon-glow)}a{color:inherit;transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--accent-neon)}ul{list-style:none}input,textarea,button{font-family:inherit}.desktop-nav{gap:32px;display:none}@media (width>=1024px){.desktop-nav{display:flex}}.header-container{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.desktop-cta{justify-self:end}@media (width<=1023px){.header-container{justify-content:space-between;display:flex}.desktop-nav,.desktop-cta{display:none}.mobile-menu-btn{display:flex}}.process-vertical-line{background:linear-gradient(to bottom, var(--accent-neon), var(--accent-neon-glow));z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.process-step-indicator{background-color:var(--bg-color);border:2px solid var(--accent-neon);width:44px;height:44px;box-shadow:0 0 16px var(--accent-neon-glow);z-index:2;color:var(--accent-neon);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.process-step-content{width:calc(50% - 40px)}.process-step-content.left{text-align:right;margin-left:0;margin-right:auto}.process-step-content.right{text-align:left;margin-left:auto;margin-right:0}@media (width<=1024px){.process-vertical-line{left:28px;transform:none}.process-step-indicator{left:28px;transform:translate(-50%)}.process-step-content{width:calc(100% - 64px);text-align:left!important;margin-left:64px!important;margin-right:0!important}}.section-kicker{align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-kicker:before{content:"";background-color:var(--accent-neon);width:40px;height:2px;display:block}.section-kicker-text{color:var(--accent-neon);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700;line-height:1}.portfolio-grid{flex-direction:column;gap:48px;display:flex}.portfolio-card{background-color:var(--card-bg);border:1px solid #00f0ff4d;border-radius:24px;grid-template-columns:1fr;align-items:center;gap:32px;padding:24px;display:grid;overflow:hidden;box-shadow:0 0 40px #00f0ff0d}.portfolio-card-content{order:1}.portfolio-card-image{border-radius:16px;order:2;height:250px;overflow:hidden}@media (width>=1024px){.portfolio-card{grid-template-columns:1fr 1fr;gap:60px;padding:48px}.portfolio-card.zebra-reverse{direction:rtl}.portfolio-card.zebra-reverse .portfolio-card-content{direction:ltr}.portfolio-card-image{height:400px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}html{scrollbar-width:thin;scrollbar-color:#ffffff1a var(--bg-color)}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=1100px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}}.dashboard-left-column{flex-direction:column;gap:20px;width:100%;display:flex}.workspace-column{flex-direction:column;gap:24px;min-width:0;display:flex}@media (width>=1100px){.dashboard-left-column{max-height:calc(100vh - 240px);padding:6px 12px 12px 8px;overflow-y:auto}.workspace-column{height:calc(100vh - 240px);min-height:650px;padding-right:6px;position:sticky;top:24px}}.timeline-scrollbar{scrollbar-width:thin;scrollbar-color:#00f0ff33 #ffffff05;gap:12px;padding:8px 4px 16px;display:flex;overflow-x:auto}.timeline-scrollbar::-webkit-scrollbar{height:6px}.timeline-scrollbar::-webkit-scrollbar-track{background:#ffffff03;border-radius:4px}.timeline-scrollbar::-webkit-scrollbar-thumb{background:#00f0ff33;border:1px solid #00f0ff1a;border-radius:4px}.timeline-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}@keyframes badge-pulse-red{0%{background-color:#ff444414;box-shadow:0 0 #ff444426}50%{background-color:#f443;box-shadow:0 0 12px 2px #ff444440}to{background-color:#ff444414;box-shadow:0 0 #ff444426}}@keyframes badge-pulse-orange{0%{background-color:#ffbb330f;box-shadow:0 0 #ffbb331a}50%{background-color:#ffbb3329;box-shadow:0 0 10px 2px #fb33}to{background-color:#ffbb330f;box-shadow:0 0 #ffbb331a}}@keyframes badge-pulse-cyan{0%{background-color:#00f0ff0d;box-shadow:0 0 #00f0ff14}50%{background-color:#00f0ff26;box-shadow:0 0 10px 2px #00f0ff33}to{background-color:#00f0ff0d;box-shadow:0 0 #00f0ff14}}@keyframes zap-spin-glow{0%{filter:drop-shadow(0 0 2px var(--accent-neon));transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 6px var(--accent-neon));transform:scale(1.15)rotate(15deg)}to{filter:drop-shadow(0 0 2px var(--accent-neon));transform:scale(1)rotate(0)}}.premium-badge-red{animation:2.5s ease-in-out infinite badge-pulse-red;border:1px solid #ff44444d!important}.premium-badge-orange{animation:2.8s ease-in-out infinite badge-pulse-orange;border:1px solid #ffbb3340!important}.premium-badge-cyan{animation:2.2s ease-in-out infinite badge-pulse-cyan;border:1px solid #00f0ff4d!important}.zap-animated{animation:2s ease-in-out infinite zap-spin-glow}@keyframes badge-pulse-yellow{0%{background-color:#ffeb3b0d;box-shadow:0 0 #ffeb3b1a}50%{background-color:#ffeb3b26;box-shadow:0 0 10px 2px #ffeb3b33}to{background-color:#ffeb3b0d;box-shadow:0 0 #ffeb3b1a}}.premium-badge-yellow{animation:2.6s ease-in-out infinite badge-pulse-yellow;border:1px solid #ffeb3b4d!important}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-3deg)}90%{transform:rotate(2deg)}}.bell-wiggling{transform-origin:top;animation:1.5s ease-in-out infinite bell-ring}.notification-drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:99999;background-color:#0a0a0af2;border-left:1px solid #ffffff14;flex-direction:column;width:100%;max-width:400px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #000c}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99998;background-color:#0009;transition:opacity .3s;position:fixed;inset:0}@keyframes bubble-pulse{0%{border-color:#00f0ff66;box-shadow:0 0 #00f0ff26}50%{border-color:var(--accent-neon);box-shadow:0 0 12px 3px #00f0ff66}to{border-color:#00f0ff66;box-shadow:0 0 #00f0ff26}}.bubble-active-pulse{animation:2s ease-in-out infinite bubble-pulse!important}.form-grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.form-grid-2{grid-template-columns:1fr 1fr}}.form-grid-3{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=768px) and (width<=991px){.form-grid-3{grid-template-columns:1fr 1fr}}@media (width>=992px){.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.custom-scrollbar{scrollbar-gutter:stable}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff03;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px;transition:background .2s}.glass-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);transition:border-color .22s var(--ease-spring), box-shadow .22s var(--ease-spring);box-shadow:inset 0 1px #ffffff0a,0 8px 32px #00000080}.glass-panel:hover{border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0f,0 16px 48px #0009}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.status-dot-active{background-color:#10b981;box-shadow:0 0 8px #10b981}.status-dot-paused{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-dot-done{box-shadow:none;background-color:#fff6}@keyframes warning-pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #ef444480}to{opacity:.8;transform:scale(.95)}}.warning-pulse-dot{background-color:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.8s ease-in-out infinite warning-pulse}.checklist-item-hover{border-radius:8px;padding:6px 10px;transition:all .2s}.checklist-item-hover:hover{background-color:#ffffff05}.build-spec-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0a0a0c66;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:260px 1fr;gap:24px;min-height:600px;padding:24px;display:grid;box-shadow:0 20px 50px #0000004d}.build-spec-sidebar{border-right:1px solid #ffffff14;flex-direction:column;gap:16px;padding-right:20px;display:flex}.build-spec-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=1024px){.build-spec-grid{grid-template-columns:1fr}}@media (width<=900px){.build-spec-container{grid-template-columns:1fr;min-height:auto}.build-spec-sidebar{border-bottom:1px solid #ffffff14;border-right:none;padding-bottom:20px;padding-right:0}}.dashboard-sidebar{box-sizing:border-box;z-index:10;background:#07070a;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:272px;height:100vh;padding:32px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.sidebar-overlay{display:none}.dashboard-main{box-sizing:border-box;flex:1;min-width:0;padding:44px 52px;position:relative}.dashboard-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:44px;padding-bottom:28px;display:flex}.dashboard-header-left{align-items:center;gap:16px;display:flex}.hamburger-btn{display:none}.stats-bar{gap:20px;margin-bottom:44px;display:flex}@media (width<=1024px){.dashboard-sidebar{z-index:10000;background:#07070a;width:272px;height:100vh;position:fixed;top:0;left:-272px;box-shadow:12px 0 48px #000000b3}.dashboard-sidebar.sidebar-open{transform:translate(272px)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000a6;display:block;position:fixed;inset:0}.dashboard-main{padding:24px 16px}.dashboard-header{gap:12px;margin-bottom:24px}.dashboard-header-left{gap:12px;min-width:0}.hamburger-btn{cursor:pointer;box-sizing:content-box;z-index:101;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:24px;height:18px;padding:6px;display:flex}.hamburger-btn:hover{background:#ffffff14}.hamburger-bar{background-color:#fff;border-radius:1px;width:100%;height:2px;transition:all .2s;display:block}.stats-bar{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}}@media (width>=600px) and (width<=1024px){.stats-bar{grid-template-columns:repeat(3,1fr)}}.crud-modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20000;background-color:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crud-modal-container{scrollbar-width:none;-ms-overflow-style:none;background:#0c0c0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:850px;max-height:90vh;padding:36px;overflow:hidden auto;box-shadow:inset 0 1px #ffffff0f,0 40px 80px #000000e6}.crud-modal-container::-webkit-scrollbar{display:none}.crud-modal-container select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;width:100%;color:#fff!important;cursor:pointer!important;background-color:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:10px!important;outline:none!important;padding:12px 40px 12px 16px!important;font-size:.92rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.crud-modal-container select:focus{background-color:#00f0ff04!important;border-color:#00f0ff!important;box-shadow:0 0 16px #00f0ff26!important}.crud-modal-container label{margin-bottom:6px;color:#ffffff80!important;letter-spacing:.08em!important;font-weight:800!important}@media (width<=768px){.crud-modal-backdrop{padding:12px}.crud-modal-container{border-radius:16px;max-height:95vh;padding:24px 20px}}.dashboard-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:28px!important;display:grid!important}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr;gap:20px!important}}.dashboard-card,.stat-card,.project-card,.sop-cockpit-panel{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0a0a0aeb!important;border:1px solid #ffffff12!important;border-radius:16px!important;padding:24px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 24px #00000080!important}.dashboard-card:hover,.project-card:hover,.sop-cockpit-panel:hover{transform:translateY(-2px);border-color:#ffffff1f!important;box-shadow:0 8px 32px #0009!important}.stats-bar{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;margin-bottom:36px!important;display:grid!important}@media (width<=768px){.stats-bar{grid-template-columns:1fr!important;gap:16px!important}}.stat-card{flex-direction:column;justify-content:space-between;min-height:110px;display:flex;padding:22px 26px!important;box-shadow:0 4px 20px #0006!important}.stat-card:hover{border-color:#ffffff1f!important;box-shadow:0 8px 28px #0000008c!important}.stat-card-label{text-transform:uppercase;letter-spacing:.18em!important;color:var(--text-secondary)!important;font-size:.72rem!important;font-weight:800!important}.stat-card-value{letter-spacing:-.04em;color:#fff;margin-top:8px;line-height:1.1;font-family:var(--font-display)!important;font-size:2.5rem!important;font-weight:900!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00f0ff99}.premium-cyber-grid{pointer-events:none;z-index:0;background-color:#090909;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-position:24px 24px;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 45%,#000 15%,#0006 55%,#0000 85%);mask-image:radial-gradient(circle at 55% 45%,#000 15%,#0006 55%,#0000 85%)}