:root{--font-mono:"Roboto Mono",monospace;--primary-color:#0ea5e9;--primary-hover:#0284c7;--secondary-color:#06b6d4;--accent-color:#14b8a6;--bg-dark:#0a0a0f;--bg-card:#111118;--bg-elevated:#18181f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#1e293b}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:var(--bg-dark);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:32px;margin:0;color:var(--text-primary);@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:45px;max-width:1024px;margin:0 auto;overflow:hidden;@media (max-width:400px){padding-left:24px;padding-bottom:24px;padding-right:24px;padding-top:24px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;h1{text-align:center}}.logo-container{margin-bottom:8px}.brand-title{margin:16px 0 8px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:48px;line-height:1.2;@media (max-width:768px){font-size:36px}}.tagline{margin:0 0 32px;color:var(--text-secondary);font-size:1.1rem;text-align:center}.links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;a{text-decoration:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s ease}.primary{color:white;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;&:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(14,165,233,.35)}}.admin{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--primary-color);&:hover{background:var(--primary-color);border-color:var(--primary-color)}}.docs{color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);&:hover{color:var(--text-primary);border-color:var(--text-secondary)}}}.footer{display:flex;align-items:center;gap:8px;@media (max-width:1024px){flex-direction:column;gap:6px}p{margin:0;color:var(--text-secondary);font-size:.85rem}}}.website-builder-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-dark)}.builder-header{justify-content:space-between;padding:12px 24px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.builder-header,.logo-link{display:flex;align-items:center}.logo-link{gap:12px;text-decoration:none;color:var(--text-primary)}.logo-text{font-size:1.15rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builder-nav{display:flex;gap:8px}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.9rem;padding:8px 16px;border-radius:6px;transition:all .2s ease;&:hover{color:var(--text-primary);background:var(--bg-elevated)}}.builder-main{flex:1 1;display:flex;overflow:hidden}.builder-iframe{width:100%;height:100%;border:none;background:white}