@font-face{font-family:Inter;src:url(/assets/Inter-Variable.ttf)format("truetype");font-display:swap;font-weight:100 900}:root{--primary-50:#dae9ff;--primary-100:#cde2ff;--primary-200:#c1dbff;--primary-300:#9bc5ff;--primary-400:#5099ff;--primary-500:#056dff;--primary-600:#0562e6;--primary-700:#0452bf;--primary-800:#034199;--primary-900:#02357d;--secondary-500:#00d2e5;--tertiary-500:#1a05ff;--surface-50:#dadddf;--surface-100:#ced1d4;--surface-200:#c2c6ca;--surface-300:#9da3a9;--surface-400:#545f69;--surface-500:#0a1a29;--surface-600:#091725;--surface-700:#08141f;--surface-800:#061019;--surface-900:#050d14;--success:#84cc16;--warning:#eab308;--error:#d41976;--accent:#3285fa;--accent-hover:#2a6fd4;--color-readable:#adb2b8;--color-shiny:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--surface-900);color:var(--color-readable);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.app{background:var(--surface-900);flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--surface-700);background:var(--surface-900);width:100%;padding:16px 0}.header-nav{justify-content:space-between;align-items:center;width:66.67%;max-width:100%;margin:0 auto;padding:0 16px;display:flex}@media (width<=768px){.header-nav{width:100%}}.logo-link{flex-shrink:0;display:block}.logo{width:12.5vw;max-width:200px;height:auto}@media (width<=768px){.logo{width:56px}}.header-right{align-items:center;gap:12px;display:flex}.header-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#3285fa1a;border:1px solid #3285fa40;padding:4px 8px;font-size:10px;font-weight:600}.header-user{color:var(--surface-300);font-size:13px}.header-logout{color:var(--surface-400);border:1px solid var(--surface-700);cursor:pointer;background:0 0;padding:4px 12px;font-family:inherit;font-size:13px;transition:all .2s}.header-logout:hover{color:var(--color-shiny);border-color:var(--surface-400)}.container{width:66.67%;max-width:100%;margin:0 auto;padding:0 16px}@media (width<=768px){.container{width:100%}}.main{flex:1}.banner-section{background:var(--surface-900);padding:96px 0}.construction-card{background:var(--surface-800);border:1px solid var(--surface-700);gap:24px;padding:32px;display:flex}@media (width<=768px){.construction-card{flex-direction:column;gap:16px;padding:24px}}.construction-icon{width:48px;height:48px;color:var(--warning);background:#eab3081a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.construction-content{flex:1}.construction-title{color:var(--color-shiny);margin-bottom:8px;font-size:20px;font-weight:600}.construction-text{color:var(--color-readable);margin-bottom:20px;font-size:14px;line-height:1.6}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 24px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);color:#fff}.demo-section{background:var(--surface-800);padding:96px 0}.section-pretitle{color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.section-title{color:var(--color-shiny);margin-bottom:8px;font-size:24px;font-weight:600}.section-text{color:var(--color-readable);max-width:560px;margin-bottom:32px;font-size:14px;line-height:1.6}.demo-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:var(--surface-900);border:1px solid var(--surface-700);padding:24px;transition:border-color .2s}.demo-card:hover{border-color:#3285fa4d}.demo-card-icon{width:40px;height:40px;color:var(--accent);background:#3285fa1a;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.demo-card-title{color:var(--color-shiny);margin-bottom:4px;font-size:18px;font-weight:600}.demo-card-desc{color:var(--color-readable);margin-bottom:16px;font-size:13px;line-height:1.5}.demo-card-status{text-transform:uppercase;letter-spacing:.05em;color:var(--warning);background:#eab3081a;border:1px solid #eab30833;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.footer{background:var(--surface-900);color:var(--surface-300);border-top:1px solid var(--surface-700);padding:40px 0;font-size:14px}.footer-container{max-width:1200px;margin:0 auto;padding:0 16px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--surface-50,#f5f5f5);font-size:14px;font-weight:600}.footer-text{color:var(--surface-400);font-size:12px;line-height:1.6}.footer-location{color:var(--primary-500);align-items:center;gap:6px;font-size:12px;display:flex}.footer-social{gap:16px;padding-top:4px;display:flex}.footer-social a{color:var(--surface-400);transition:color .2s}.footer-social a:hover{color:var(--primary-500)}.footer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links a{color:var(--surface-400);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--primary-500)}.footer-bottom{border-top:1px solid var(--surface-700);text-align:center;padding-top:24px}.footer-bottom p{color:var(--surface-400);font-size:12px}