.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-4) 0;transition:all var(--transition-normal)}.navbar-scrolled{background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border);padding:var(--spacing-3) 0}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-3);z-index:101}.brand-icon{display:flex;align-items:center;justify-content:center}.brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.navbar-links{display:none;align-items:center;gap:var(--spacing-1)}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-3);z-index:101}.navbar-actions .login-link{display:none}.navbar-actions .btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.navbar-actions .btn svg{width:14px;height:14px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover)}.hamburger{position:relative;width:18px;height:2px;background-color:var(--color-text-primary);transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--color-text-primary);transition:transform var(--transition-fast)}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:translateY(6px) rotate(45deg)}.hamburger.open:after{transform:translateY(-6px) rotate(-45deg)}@media (min-width: 1024px){.navbar-links{display:flex}.navbar-actions .login-link{display:block}.mobile-menu-btn{display:none}}@media (max-width: 1023px){.navbar-links.open{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);padding:100px var(--spacing-6) var(--spacing-6);gap:var(--spacing-2);animation:fadeIn .2s ease-out}.navbar-links.open .nav-link{font-size:var(--font-size-lg);padding:var(--spacing-4)}}.footer{position:relative;background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:var(--spacing-16);padding-bottom:var(--spacing-8)}.footer-top{margin-bottom:var(--spacing-12)}.footer-brand{max-width:320px}.brand-link{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.brand-icon{display:flex}.brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.brand-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accounting)}.status-dot{width:6px;height:6px;background:var(--color-accounting);border-radius:50%;animation:pulse 2s ease-in-out infinite}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.footer-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-primary)}.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-social{display:flex;gap:var(--spacing-2)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover);border-color:var(--color-border-hover)}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1024px){.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-16);align-items:start}.footer-grid{margin-bottom:0}}.hero{position:relative;min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-20);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:100%;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(124,58,237,.15) 0%,rgba(37,99,235,.08) 30%,transparent 60%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 70%)}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{top:10%;left:20%;width:400px;height:400px;background:#7c3aed14;animation-delay:0s}.orb-2{top:30%;right:15%;width:300px;height:300px;background:#2563eb14;animation-delay:-5s}.orb-3{bottom:20%;left:30%;width:350px;height:350px;background:#06b6d40f;animation-delay:-10s}.hero-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--spacing-8)}.badge-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-6)}.hero-title-line{display:block}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:640px;margin-bottom:var(--spacing-10)}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-12)}.hero-proof{margin-bottom:var(--spacing-16)}.proof-stats{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.proof-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.proof-divider{width:1px;height:32px;background:var(--color-border)}.hero-visual{position:relative;width:100%;max-width:1000px;margin:0 auto}.visual-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.window-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.window-dots{display:flex;gap:var(--spacing-2)}.window-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.window-dots span:first-child{background:#ef4444}.window-dots span:nth-child(2){background:#f59e0b}.window-dots span:last-child{background:#10b981}.window-title{font-size:var(--font-size-sm);color:var(--color-text-muted)}.window-content{padding:var(--spacing-4)}.dashboard-preview{display:flex;gap:var(--spacing-4);min-height:280px}.preview-sidebar{display:none;flex-direction:column;gap:var(--spacing-2);width:180px;padding:var(--spacing-3);background:var(--color-surface-elevated);border-radius:var(--radius-lg)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.sidebar-item.active{background:var(--color-surface-hover);color:var(--color-text-primary)}.item-icon{width:8px;height:8px;border-radius:50%}.item-icon.payments{background:var(--color-payments)}.item-icon.accounting{background:var(--color-accounting)}.item-icon.infrastructure{background:var(--color-infrastructure)}.preview-main{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4)}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.preview-card{padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.card-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.card-trend.positive{color:var(--color-accounting)}.preview-chart{flex:1;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);min-height:120px}.chart-line{width:100%;height:100%}.floating-card{display:none;position:absolute;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite}.card-left{top:20%;left:-60px;animation-delay:-2s}.card-right{top:40%;right:-60px;animation-delay:-4s}.floating-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg)}.floating-icon.success{background:#10b9811a;color:var(--color-accounting)}.floating-icon.info{background:#8b5cf61a;color:var(--color-infrastructure)}.floating-content{display:flex;flex-direction:column}.floating-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.floating-value{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (min-width: 640px){.hero-title{font-size:var(--font-size-5xl)}.hero-actions{flex-direction:row;justify-content:center}}@media (min-width: 768px){.hero{padding-top:160px}.hero-title{font-size:var(--font-size-6xl)}.hero-subtitle{font-size:var(--font-size-xl)}.preview-sidebar,.floating-card{display:flex}}@media (min-width: 1024px){.hero-title{font-size:var(--font-size-7xl)}}.how-it-works{position:relative;overflow:hidden}.how-it-works .section-header{text-align:center;margin-bottom:var(--spacing-16)}.how-it-works .section-subtitle{margin-left:auto;margin-right:auto}.ecosystem-visualization{position:relative;height:500px;margin-bottom:var(--spacing-16)}.ecosystem-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.hub-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:var(--gradient-primary);opacity:.2;animation:pulse 3s ease-in-out infinite}.hub-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:2px solid rgba(124,58,237,.3);animation:spin-slow 20s linear infinite}.hub-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background:var(--color-white);border-radius:50%;box-shadow:var(--shadow-xl),0 0 60px #7c3aed33}.hub-core svg{margin-bottom:var(--spacing-1)}.hub-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ecosystem-modules{position:absolute;top:0;right:0;bottom:0;left:0}.ecosystem-node{position:absolute;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:var(--spacing-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);animation:float 6s ease-in-out infinite;min-width:130px}.ecosystem-node:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.ecosystem-node-top{top:5%;left:50%;transform:translate(-50%);animation-delay:0s}.ecosystem-node-top-right{top:20%;right:10%;animation-delay:-1s}.ecosystem-node-bottom-right{bottom:20%;right:10%;animation-delay:-2s}.ecosystem-node-bottom{bottom:5%;left:50%;transform:translate(-50%);animation-delay:-3s}.ecosystem-node-bottom-left{bottom:20%;left:10%;animation-delay:-4s}.ecosystem-node-top-left{top:20%;left:10%;animation-delay:-5s}.node-connector{display:none}.node-content{display:flex;flex-direction:column;align-items:center;text-align:center}.node-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);transition:all var(--transition-fast)}.node-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.node-description{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:120px}.ecosystem-node-studio .node-icon{background:var(--color-studio-glow);color:var(--color-studio)}.ecosystem-node-payments .node-icon{background:var(--color-payments-glow);color:var(--color-payments)}.ecosystem-node-accounting .node-icon{background:var(--color-accounting-glow);color:var(--color-accounting)}.ecosystem-node-relay .node-icon{background:var(--color-relay-glow);color:var(--color-relay)}.ecosystem-node-people .node-icon{background:var(--color-people-glow);color:var(--color-people)}.ecosystem-node-infrastructure .node-icon{background:var(--color-infrastructure-glow);color:var(--color-infrastructure)}.ecosystem-node-studio:hover{border-color:var(--color-studio)}.ecosystem-node-payments:hover{border-color:var(--color-payments)}.ecosystem-node-accounting:hover{border-color:var(--color-accounting)}.ecosystem-node-relay:hover{border-color:var(--color-relay)}.ecosystem-node-people:hover{border-color:var(--color-people)}.ecosystem-node-infrastructure:hover{border-color:var(--color-infrastructure)}.flow-features{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-16)}.feature-card{position:relative;padding:var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.feature-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--spacing-4)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.ecosystem-highlight{background:linear-gradient(135deg,#7c3aed0d,#2563eb0d);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-10);text-align:center}.highlight-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.highlight-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto var(--spacing-8)}.highlight-content .btn{display:inline-flex;align-items:center;gap:var(--spacing-2)}@media (min-width: 640px){.flow-features{grid-template-columns:repeat(3,1fr)}.feature-card{padding:var(--spacing-6)}}@media (max-width: 1024px){.ecosystem-visualization{height:450px}.ecosystem-node{min-width:110px;padding:var(--spacing-3)}.ecosystem-node-top-right,.ecosystem-node-bottom-right{right:5%}.ecosystem-node-bottom-left,.ecosystem-node-top-left{left:5%}}@media (max-width: 768px){.ecosystem-visualization{height:auto;padding:var(--spacing-8) 0}.ecosystem-hub{position:relative;top:auto;left:auto;transform:none;margin:0 auto var(--spacing-8)}.ecosystem-modules{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.ecosystem-node{position:relative;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;min-width:auto}.flow-features{grid-template-columns:1fr}.ecosystem-highlight{padding:var(--spacing-6)}.highlight-content h3{font-size:var(--font-size-xl)}}@media (max-width: 480px){.ecosystem-modules{grid-template-columns:1fr}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.platform-modules{position:relative}.platform-modules .section-header{text-align:center;margin-bottom:var(--spacing-16)}.platform-modules .section-subtitle{margin-left:auto;margin-right:auto}.modules-grid{display:grid;gap:var(--spacing-6)}.module-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-8);display:flex;flex-direction:column;transition:all var(--transition-normal);overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.module-card:hover{transform:translateY(-8px);border-color:var(--color-border-hover);box-shadow:var(--shadow-xl)}.module-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:300px;border-radius:50%;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.module-card-studio .module-glow{background:radial-gradient(circle,var(--color-studio-glow) 0%,transparent 70%)}.module-card-payments .module-glow{background:radial-gradient(circle,var(--color-payments-glow) 0%,transparent 70%)}.module-card-accounting .module-glow{background:radial-gradient(circle,var(--color-accounting-glow) 0%,transparent 70%)}.module-card-relay .module-glow{background:radial-gradient(circle,var(--color-relay-glow) 0%,transparent 70%)}.module-card-people .module-glow{background:radial-gradient(circle,var(--color-people-glow) 0%,transparent 70%)}.module-card-infrastructure .module-glow{background:radial-gradient(circle,var(--color-infrastructure-glow) 0%,transparent 70%)}.module-card:hover .module-glow{opacity:.5}.module-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.module-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);transition:transform var(--transition-normal)}.module-card:hover .module-icon{transform:scale(1.1)}.module-icon-studio{background:#f59e0b1a;color:var(--color-studio)}.module-icon-payments{background:#3b82f61a;color:var(--color-payments)}.module-icon-accounting{background:#10b9811a;color:var(--color-accounting)}.module-icon-relay{background:#ec48991a;color:var(--color-relay)}.module-icon-people{background:#f973161a;color:var(--color-people)}.module-icon-infrastructure{background:#8b5cf61a;color:var(--color-infrastructure)}.module-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.module-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.module-tagline{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.module-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.module-features{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-grow:1}.module-feature{display:flex;align-items:flex-start;gap:var(--spacing-3)}.feature-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#10b9811a;color:var(--color-accounting);margin-top:2px}.feature-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.feature-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.feature-detail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.module-link{font-size:var(--font-size-sm);margin-top:auto}@media (min-width: 768px){.modules-grid{grid-template-columns:repeat(2,1fr)}.modules-grid .module-card:last-child{grid-column:span 2;max-width:50%;justify-self:center}}@media (min-width: 1024px){.modules-grid{grid-template-columns:repeat(3,1fr)}.modules-grid .module-card:last-child{grid-column:span 1;max-width:none}}.unified-identity{position:relative;background:var(--color-surface)}.identity-grid{display:grid;gap:var(--spacing-12);align-items:center}.identity-content{max-width:480px}.identity-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.identity-subtext{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.identity-features{display:grid;gap:var(--spacing-4)}.identity-feature{display:flex;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.identity-feature:hover{border-color:var(--color-border-hover);transform:translate(8px)}.feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-lg);color:var(--color-accent)}.feature-content{flex-grow:1}.feature-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.feature-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}@media (min-width: 768px){.identity-features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.identity-grid{grid-template-columns:1fr 1.2fr;gap:var(--spacing-16)}.identity-features{grid-template-columns:1fr}}.who-its-for .section-header{text-align:center;margin-bottom:var(--spacing-12)}.audiences-grid{display:grid;gap:var(--spacing-6)}.audience-card{position:relative;padding:var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);transition:all var(--transition-normal);overflow:hidden}.audience-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.audience-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.audience-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--spacing-5);box-shadow:var(--shadow-md)}.audience-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.audience-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}@media (min-width: 640px){.audiences-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.audiences-grid{grid-template-columns:repeat(4,1fr)}.audience-card{padding:var(--spacing-6)}}.trust-credibility{position:relative;background:var(--color-surface)}.trust-header{margin-bottom:var(--spacing-8)}.trust-intro{max-width:680px;margin-bottom:var(--spacing-12)}.trust-intro p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.intro-emphasis{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.trust-grid{display:grid;gap:var(--spacing-6)}.trust-card{position:relative;padding:var(--spacing-6);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.trust-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.trust-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.trust-stat{display:flex;align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.trust-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.trust-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}@media (min-width: 640px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.final-cta{position:relative;overflow:hidden}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:100%;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(124,58,237,.15) 0%,rgba(37,99,235,.08) 30%,transparent 60%)}.cta-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 100%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 100%,black 0%,transparent 70%)}.final-cta-container{position:relative;z-index:1;max-width:var(--max-width-narrow);text-align:center}.cta-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--spacing-6)}.cta-badge .badge-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.final-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-6)}.final-cta-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.final-cta-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-10)}.final-cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}.final-cta-secondary{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.final-cta-secondary .link{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.final-cta-secondary .link:hover{color:var(--color-text-primary)}@media (min-width: 640px){.final-cta-title{font-size:var(--font-size-4xl)}.final-cta-secondary{flex-direction:row;gap:var(--spacing-8)}}@media (min-width: 768px){.final-cta-title{font-size:var(--font-size-5xl)}}.landing-page{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.landing-page main{flex-grow:1}.landing-page main section[id]{scroll-margin-top:80px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background:var(--color-background);position:relative;overflow:hidden}.auth-content{position:relative;z-index:1;text-align:center;max-width:400px;width:100%}.auth-logo{display:inline-block;margin-bottom:var(--spacing-8);text-decoration:none}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.auth-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-social:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover);transform:translateY(-1px)}.auth-divider span{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4);text-align:left;margin-bottom:var(--spacing-6)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-link{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.form-link:hover{text-decoration:underline}.form-group input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7c3aed1a;background:var(--color-white)}.input-password{position:relative}.input-password input{padding-right:48px}.btn-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-toggle:hover{color:var(--color-text-secondary)}.btn-primary.btn-full{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary.btn-full:hover{opacity:.9;transform:translateY(-1px)}.auth-footer{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.auth-footer a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-decoration .decoration-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.auth-decoration .orb-1{width:400px;height:400px;background:var(--color-accent);top:-200px;left:-100px}.auth-decoration .orb-2{width:300px;height:300px;background:var(--color-accent-secondary);bottom:-100px;right:-50px}.auth-decoration .orb-3{width:200px;height:200px;background:var(--color-accent-tertiary);top:50%;right:20%;transform:translateY(-50%)}@media (max-width: 640px){.auth-title{font-size:var(--font-size-2xl)}.auth-description{font-size:var(--font-size-base)}.auth-social{flex-direction:column}.btn-social{width:100%;justify-content:center}}.auth-page.auth-page-clean{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-white);padding:var(--spacing-6)}.auth-wrapper{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center}.auth-logo{margin-bottom:var(--spacing-8);text-decoration:none}.auth-header{text-align:center;margin-bottom:var(--spacing-8);width:100%}.auth-header h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em}.auth-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-header p a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.auth-header p a:hover{text-decoration:underline}.btn-sso{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:14px var(--spacing-4);background:var(--color-accent);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-4)}.btn-sso:hover{background:var(--color-accent-secondary);transform:translateY(-1px)}.btn-sso:active{transform:translateY(0)}.auth-social-row{display:flex;justify-content:center;gap:var(--spacing-3);width:100%;margin-bottom:var(--spacing-6)}.btn-social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary)}.btn-social-icon:hover{background:var(--color-surface);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-or{display:flex;align-items:center;width:100%;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-or span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-page-clean .auth-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}.form-field{width:100%}.input-clean{width:100%;padding:14px var(--spacing-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.input-clean::placeholder{color:var(--color-text-muted)}.input-clean:hover{border-color:var(--color-border-hover)}.input-clean:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7c3aed1a}.password-field{position:relative;width:100%}.password-field .input-clean{padding-right:48px}.btn-toggle-password{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-toggle-password:hover{color:var(--color-text-secondary)}.btn-login{width:100%;padding:14px var(--spacing-4);background:var(--color-accent);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-2)}.btn-login:hover{background:var(--color-accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-login:active{transform:translateY(0)}.auth-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-8)}.auth-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.auth-links a:hover{color:var(--color-accent)}.auth-link-divider{color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-page.auth-page-gradient{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#6b8dd6);position:relative;overflow:hidden;padding:var(--spacing-6)}.auth-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:floatOrb 20s ease-in-out infinite}.bg-orb-1{width:500px;height:500px;background:#7c3aed66;top:-20%;left:-10%;animation-delay:0s}.bg-orb-2{width:400px;height:400px;background:#2563eb4d;bottom:-15%;right:-10%;animation-delay:-5s}.bg-orb-3{width:300px;height:300px;background:#06b6d440;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(10px,10px) scale(1.02)}}.auth-container{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.auth-logo-top{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;margin-bottom:var(--spacing-8)}.auth-logo-top svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.auth-logo-top span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:var(--letter-spacing-tight);text-shadow:0 2px 10px rgba(0,0,0,.1)}.auth-card{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.auth-card-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-card-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.auth-card-header p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-providers{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.btn-provider{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-provider:hover{background:var(--color-surface);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-provider:active{transform:translateY(0)}.btn-provider-outline{background:transparent;border:1px solid var(--color-border)}.btn-provider-outline:hover{background:var(--color-surface)}.auth-divider{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.auth-tabs{display:flex;gap:var(--spacing-2);padding:var(--spacing-1);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.auth-tab:hover{color:var(--color-text-primary)}.auth-tab.active{background:var(--color-white);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.auth-tab svg{opacity:.7}.auth-tab.active svg{opacity:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-4);color:var(--color-text-muted);pointer-events:none;z-index:1}.input-wrapper input{padding-left:var(--spacing-12)!important}.input-wrapper .toggle-password{position:absolute;right:var(--spacing-3);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:1}.input-wrapper .toggle-password:hover{color:var(--color-text-secondary)}.input-with-button input{padding-right:100px!important}.btn-send-otp{position:absolute;right:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);z-index:1}.btn-send-otp:hover:not(:disabled){background:var(--color-accent-secondary)}.btn-send-otp:disabled{opacity:.6;cursor:not-allowed}.otp-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-2)}.auth-card .btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4) var(--spacing-6);background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-4);box-shadow:0 4px 14px #7c3aed66}.auth-card .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.auth-card .btn-submit:active:not(:disabled){transform:translateY(0)}.auth-card .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-card .btn-submit svg{transition:transform var(--transition-fast)}.auth-card .btn-submit:hover:not(:disabled) svg{transform:translate(4px)}.auth-card .auth-footer{margin-top:var(--spacing-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-card .auth-footer a{color:var(--color-accent);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-card .auth-footer a:hover{color:var(--color-accent-secondary)}.auth-terms{margin-top:var(--spacing-6);text-align:center;font-size:var(--font-size-xs);color:#ffffffb3}.auth-terms a{color:#ffffffe6;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.auth-terms a:hover{color:var(--color-white)}.auth-page.auth-page-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);padding:var(--spacing-6)}.auth-page-centered .auth-form-container{width:100%;max-width:380px}.auth-logo-centered{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);text-decoration:none;margin-bottom:var(--spacing-10)}.auth-logo-centered span{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.auth-branding{background:linear-gradient(135deg,var(--color-black) 0%,#1E293B 100%);padding:var(--spacing-12);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(37,99,235,.1) 0%,transparent 50%);animation:brandingFloat 20s ease-in-out infinite}@keyframes brandingFloat{0%,to{transform:translate(0)}50%{transform:translate(-5%,-5%)}}.branding-content{position:relative;z-index:1;max-width:480px;margin:0 auto}.auth-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;margin-bottom:var(--spacing-12)}.auth-logo span{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.branding-hero{margin-bottom:var(--spacing-10)}.branding-hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.branding-hero p{font-size:var(--font-size-lg);color:#ffffffb3;line-height:var(--line-height-relaxed)}.branding-features{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}.branding-features .feature-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.branding-features .feature-icon{width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.branding-features .feature-title{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-1)}.branding-features .feature-desc{display:block;font-size:var(--font-size-sm);color:#fff9}.branding-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-10);padding:var(--spacing-6);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-item .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-1)}.stat-item .stat-label{display:block;font-size:var(--font-size-sm);color:#fff9}.branding-modules{margin-bottom:var(--spacing-10)}.modules-label{display:block;font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--spacing-3)}.modules-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.module-tag{padding:var(--spacing-2) var(--spacing-3);background:#ffffff1a;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white)}.module-tag.studio{background:var(--color-studio-glow);color:var(--color-studio)}.module-tag.payments{background:var(--color-payments-glow);color:var(--color-payments)}.module-tag.accounting{background:var(--color-accounting-glow);color:var(--color-accounting)}.module-tag.relay{background:var(--color-relay-glow);color:var(--color-relay)}.module-tag.people{background:var(--color-people-glow);color:var(--color-people)}.module-tag.infrastructure{background:var(--color-infrastructure-glow);color:var(--color-infrastructure)}.branding-testimonial{padding:var(--spacing-6);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.branding-testimonial p{font-size:var(--font-size-base);color:#ffffffe6;font-style:italic;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-3)}.author-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.author-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.author-role{display:block;font-size:var(--font-size-xs);color:#fff9}.auth-form-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background:var(--color-background)}.auth-form-wrapper{width:100%}.auth-form-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-form-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.auth-form-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-form-header a{color:var(--color-accent);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-form-header a:hover{color:var(--color-accent-secondary)}.social-login{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-social:hover{background:var(--color-surface);border-color:var(--color-border-hover)}.btn-social:active{transform:scale(.98)}.divider{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.forgot-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);transition:color var(--transition-fast)}.forgot-link:hover{color:var(--color-accent)}.form-group input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:hover{border-color:var(--color-border-hover)}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #7c3aed1a}.password-input{position:relative}.password-input input{padding-right:var(--spacing-12)}.toggle-password{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.toggle-password:hover{color:var(--color-text-secondary)}.password-strength{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.strength-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.strength-fill.strength-1{width:25%;background:#ef4444}.strength-fill.strength-2{width:50%;background:#f59e0b}.strength-fill.strength-3{width:75%;background:#3b82f6}.strength-fill.strength-4{width:100%;background:#10b981}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.strength-label.strength-1{color:#ef4444}.strength-label.strength-2{color:#f59e0b}.strength-label.strength-3{color:#3b82f6}.strength-label.strength-4{color:#10b981}.form-options{display:flex;align-items:flex-start;gap:var(--spacing-3)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;line-height:var(--line-height-normal)}.checkbox-label input{display:none}.checkmark{width:16px;height:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;position:relative;transition:all var(--transition-fast)}.checkbox-label:hover .checkmark{border-color:var(--color-border-hover)}.checkbox-label input:checked+.checkmark{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-label input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label a{color:var(--color-accent);transition:color var(--transition-fast)}.checkbox-label a:hover{color:var(--color-accent-secondary)}.btn-submit{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-text-primary);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-2)}.btn-submit:hover:not(:disabled){background:var(--color-text-secondary)}.btn-submit:active:not(:disabled){transform:scale(.98)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:var(--spacing-6);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.auth-footer a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--color-accent)}.success-message{text-align:center}.success-icon{width:64px;height:64px;background:var(--color-accounting-glow);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);color:var(--color-accounting)}.success-message h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.success-message p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.success-message .note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-4)}.success-actions{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-8)}.btn-text{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.btn-text:hover{color:var(--color-accent-secondary)}@media (max-width: 1024px){.auth-page{grid-template-columns:1fr}.auth-branding{display:none}}@media (max-width: 480px){.auth-page.auth-page-clean{padding:var(--spacing-4)}.auth-wrapper{max-width:100%}.auth-header h1{font-size:24px}.btn-social-icon{width:44px;height:44px}.input-clean,.btn-sso,.btn-login{padding:12px var(--spacing-4)}}@media (max-width: 640px){.auth-page.auth-page-gradient{padding:var(--spacing-4)}.auth-container{max-width:100%}.auth-logo-top{margin-bottom:var(--spacing-6)}.auth-logo-top span{font-size:var(--font-size-xl)}.auth-card{padding:var(--spacing-6);border-radius:var(--radius-xl)}.auth-card-header h1{font-size:var(--font-size-2xl)}.auth-providers{gap:var(--spacing-2)}.auth-tabs{margin-bottom:var(--spacing-4)}.auth-tab{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.bg-orb-1{width:300px;height:300px}.bg-orb-2{width:250px;height:250px}.bg-orb-3{width:200px;height:200px}}@media (max-width: 480px){.auth-page-centered{padding:var(--spacing-4)}.auth-page-centered .auth-form-container{max-width:100%}.social-login{flex-direction:column}.form-row{grid-template-columns:1fr}.auth-form-header h2{font-size:var(--font-size-xl)}.auth-page.auth-page-gradient{padding:var(--spacing-3);justify-content:flex-start;padding-top:var(--spacing-8)}.auth-card{padding:var(--spacing-5)}.auth-card-header{margin-bottom:var(--spacing-6)}.btn-send-otp{padding:var(--spacing-2);font-size:10px}.input-with-button input{padding-right:80px!important}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background:var(--color-background);position:relative;overflow:hidden}.error-content{position:relative;z-index:1;text-align:center;max-width:480px}.error-illustration{margin-bottom:var(--spacing-8)}.error-code-svg{font-size:64px;font-weight:800;fill:url(#error-gradient)}.error-500 .error-code-svg{fill:url(#error-gradient-500)}.error-502 .error-code-svg{fill:url(#error-gradient-502)}.error-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.error-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.error-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-wrap:wrap}.error-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.error-actions .btn-primary{background:var(--gradient-primary);border:none;color:#fff}.error-actions .btn-primary:hover{opacity:.9;transform:translateY(-1px)}.error-actions .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.error-actions .btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover)}.error-help{font-size:var(--font-size-sm);color:var(--color-text-muted)}.error-help a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.error-help a:hover{text-decoration:underline}.error-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot.degraded{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.status-dot.offline{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.status-link{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium)}.status-link:hover{text-decoration:underline}.error-tips{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:left}.error-tips h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-tips ul{list-style:none;padding:0;margin:0}.error-tips li{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-2) 0}.error-tips li:before{content:"•";color:var(--color-accent)}.maintenance-info{display:flex;justify-content:center;margin-bottom:var(--spacing-8)}.maintenance-time{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4) var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.time-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.time-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.error-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.decoration-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.decoration-orb.orb-1{width:400px;height:400px;background:var(--color-accent);top:-200px;left:-100px}.decoration-orb.orb-2{width:300px;height:300px;background:var(--color-accent-secondary);bottom:-100px;right:-50px}.decoration-orb.orb-3{width:200px;height:200px;background:var(--color-accent-tertiary);top:50%;right:20%;transform:translateY(-50%)}.decoration-orb.error.orb-1{background:#ef4444}.decoration-orb.error.orb-2{background:#dc2626}.decoration-orb.error.orb-3{background:#b91c1c}.decoration-orb.warning.orb-1{background:#f59e0b}.decoration-orb.warning.orb-2{background:#d97706}.decoration-orb.warning.orb-3{background:#b45309}@media (max-width: 640px){.error-title{font-size:var(--font-size-2xl)}.error-description{font-size:var(--font-size-base)}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}.error-status{flex-direction:column;gap:var(--spacing-3)}}.static-page{min-height:100vh;background:var(--color-background)}.static-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);border-bottom:1px solid var(--color-border)}.nav-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.nav-logo span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-3)}.nav-actions .btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.nav-actions .btn-primary{background:var(--gradient-primary);color:#fff}.nav-actions .btn-secondary{background:transparent;color:var(--color-text-primary)}.nav-actions .btn-secondary:hover{background:var(--color-surface-elevated)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 80px);padding:var(--spacing-8);max-width:600px;margin:0 auto}.coming-soon-content .badge{display:inline-flex;padding:var(--spacing-2) var(--spacing-4);background:#7c3aed1a;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);margin-bottom:var(--spacing-6)}.coming-soon-content h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.coming-soon-content>p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.notify-form{display:flex;gap:var(--spacing-3);width:100%;max-width:420px;margin-bottom:var(--spacing-8)}.notify-form input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary)}.notify-form input::placeholder{color:var(--color-text-muted)}.notify-form input:focus{outline:none;border-color:var(--color-accent)}.notify-form .btn{padding:var(--spacing-3) var(--spacing-6);white-space:nowrap}.back-link{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent)}.legal-page .legal-content{max-width:800px;margin:0 auto;padding:var(--spacing-12) var(--spacing-8)}.legal-content h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.legal-content .last-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.legal-content section{margin-bottom:var(--spacing-8)}.legal-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.legal-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7}.legal-content .back-link{display:inline-block;margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}@media (max-width: 640px){.static-nav{padding:var(--spacing-4)}.nav-actions{gap:var(--spacing-2)}.coming-soon-content h1{font-size:var(--font-size-2xl)}.notify-form{flex-direction:column}.legal-content{padding:var(--spacing-6) var(--spacing-4)}}.module-page{min-height:100vh;background:var(--color-background)}.module-hero{position:relative;padding:calc(var(--spacing-20) + 80px) 0 var(--spacing-20);overflow:hidden}.module-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aed08,#2563eb08);z-index:0}.module-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.module-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-2xl);margin-bottom:var(--spacing-6)}.module-hero-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-bottom:var(--spacing-4)}.module-hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6);letter-spacing:var(--letter-spacing-tight)}.module-hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10)}.module-hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.module-icon-studio{background:var(--color-studio-glow);color:var(--color-studio)}.module-icon-payments{background:var(--color-payments-glow);color:var(--color-payments)}.module-icon-accounting{background:var(--color-accounting-glow);color:var(--color-accounting)}.module-icon-relay{background:var(--color-relay-glow);color:var(--color-relay)}.module-icon-people{background:var(--color-people-glow);color:var(--color-people)}.module-icon-infrastructure{background:var(--color-infrastructure-glow);color:var(--color-infrastructure)}.module-stats{padding:var(--spacing-16) 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.stat-value-studio{color:var(--color-studio)}.stat-value-payments{color:var(--color-payments)}.stat-value-accounting{color:var(--color-accounting)}.stat-value-relay{color:var(--color-relay)}.stat-value-people{color:var(--color-people)}.stat-value-infrastructure{color:var(--color-infrastructure)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.module-features .section-header{text-align:center;margin-bottom:var(--spacing-12)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.module-features .feature-card{padding:var(--spacing-8);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.module-features .feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.feature-emoji{display:block;font-size:2rem;margin-bottom:var(--spacing-4)}.module-features .feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.module-features .feature-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.module-use-cases{background:var(--color-surface)}.use-cases-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center}.use-cases-header .section-title{margin-bottom:var(--spacing-4)}.use-cases-list{display:grid;gap:var(--spacing-4)}.use-case-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}.use-case-item:hover{border-color:var(--color-border-hover);transform:translate(4px)}.use-case-item svg{flex-shrink:0}.use-case-studio svg{color:var(--color-studio)}.use-case-payments svg{color:var(--color-payments)}.use-case-accounting svg{color:var(--color-accounting)}.use-case-relay svg{color:var(--color-relay)}.use-case-people svg{color:var(--color-people)}.use-case-infrastructure svg{color:var(--color-infrastructure)}.integrations-content{text-align:center;max-width:700px;margin:0 auto}.integrations-text .section-title{margin-bottom:var(--spacing-4)}.integrations-list{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-8)}.integration-badge{padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.module-pricing{background:var(--color-surface)}.module-pricing .section-header{text-align:center;margin-bottom:var(--spacing-12)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);max-width:1000px;margin:0 auto}.pricing-card{position:relative;padding:var(--spacing-8);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column}.pricing-card-featured{border-width:2px;transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing-card-studio.pricing-card-featured{border-color:var(--color-studio)}.pricing-card-payments.pricing-card-featured{border-color:var(--color-payments)}.pricing-card-accounting.pricing-card-featured{border-color:var(--color-accounting)}.pricing-card-relay.pricing-card-featured{border-color:var(--color-relay)}.pricing-card-people.pricing-card-featured{border-color:var(--color-people)}.pricing-card-infrastructure.pricing-card-featured{border-color:var(--color-infrastructure)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--spacing-1) var(--spacing-4);background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.pricing-tier{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.pricing-price{margin-bottom:var(--spacing-6)}.pricing-price .price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pricing-price .period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pricing-features{list-style:none;margin:0 0 var(--spacing-8);padding:0;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-features li svg{flex-shrink:0;color:var(--color-success);margin-top:2px}.btn-block{width:100%;justify-content:center}.module-cta{padding:var(--spacing-20) 0;text-align:center}.module-cta-studio{background:linear-gradient(135deg,var(--color-studio) 0%,#4C1D95 100%)}.module-cta-payments{background:linear-gradient(135deg,var(--color-payments) 0%,#1E40AF 100%)}.module-cta-accounting{background:linear-gradient(135deg,var(--color-accounting) 0%,#065F46 100%)}.module-cta-relay{background:linear-gradient(135deg,var(--color-relay) 0%,#9D174D 100%)}.module-cta-people{background:linear-gradient(135deg,var(--color-people) 0%,#92400E 100%)}.module-cta-infrastructure{background:linear-gradient(135deg,var(--color-infrastructure) 0%,#5B21B6 100%)}.cta-content h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-4)}.cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.btn-white{background:var(--color-white);color:var(--color-text-primary);border:none}.btn-white:hover{background:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-card-featured{transform:none}}@media (max-width: 768px){.module-hero{padding:calc(var(--spacing-16) + 80px) 0 var(--spacing-16)}.module-hero-title{font-size:var(--font-size-3xl)}.module-hero-description{font-size:var(--font-size-lg)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.stat-value{font-size:var(--font-size-3xl)}.features-grid{grid-template-columns:1fr}.use-cases-content{grid-template-columns:1fr;gap:var(--spacing-8)}.pricing-grid{grid-template-columns:1fr;max-width:400px}.cta-content h2{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.module-hero-actions{flex-direction:column}.module-hero-actions .btn{width:100%;justify-content:center}}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:50;transition:width var(--transition-normal),transform var(--transition-normal)}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-4);height:64px;border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-icon{flex-shrink:0}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-close{display:none;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-4) 0}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-list{padding:0 var(--spacing-2)}.nav-item{margin-bottom:var(--spacing-1)}.nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-link.active{background:var(--color-surface-elevated);color:var(--color-text-primary)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full)}.nav-link.inactive{opacity:.5}.nav-link.inactive:hover{opacity:.8}.nav-item.studio .nav-link.active{background:#f59e0b1a}.nav-item.studio .nav-link.active:before{background:var(--color-studio)}.nav-item.payments .nav-link.active{background:#3b82f61a}.nav-item.payments .nav-link.active:before{background:var(--color-payments)}.nav-item.accounting .nav-link.active{background:#10b9811a}.nav-item.accounting .nav-link.active:before{background:var(--color-accounting)}.nav-item.relay .nav-link.active{background:#ec48991a}.nav-item.relay .nav-link.active:before{background:var(--color-relay)}.nav-item.people .nav-link.active{background:#f973161a}.nav-item.people .nav-link.active:before{background:var(--color-people)}.nav-item.infrastructure .nav-link.active{background:#8b5cf61a}.nav-item.infrastructure .nav-link.active:before{background:var(--color-infrastructure)}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.nav-text{display:flex;flex-direction:column;flex:1;min-width:0}.nav-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.nav-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.nav-badge.inactive{background:var(--color-surface-hover);color:var(--color-text-muted)}.nav-sub-list{margin-top:var(--spacing-1);margin-left:calc(var(--spacing-3) + 24px + var(--spacing-3));padding-left:var(--spacing-3);border-left:1px solid var(--color-border)}.nav-sub-link{display:block;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-sub-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.nav-sub-link.active{color:var(--color-text-primary);background:var(--color-surface-elevated)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface-elevated);border-radius:var(--radius-lg)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-company{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-4) var(--spacing-3)}.sidebar.collapsed .nav-section-title{display:none}.sidebar.collapsed .nav-list{padding:0 var(--spacing-2)}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--spacing-3)}.sidebar.collapsed .nav-link.active:before{left:0;width:3px}.sidebar.collapsed .nav-sub-list,.sidebar.collapsed .sidebar-footer{display:none}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:260px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.mobile-close{display:flex}}.top-nav{position:fixed;top:0;right:0;left:260px;height:64px;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);z-index:40;transition:left var(--transition-normal)}.sidebar-collapsed .top-nav{left:72px}.top-nav-left,.top-nav-right{display:flex;align-items:center;gap:var(--spacing-2)}.top-nav-center{flex:1;display:flex;justify-content:center;padding:0 var(--spacing-4)}.nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-button.has-unread{color:var(--color-text-primary)}.mobile-menu{display:none}.notification-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--color-accent);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;display:flex;align-items:center;justify-content:center}.business-switcher{margin-left:var(--spacing-2)}.business-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.business-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.business-icon{width:24px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff}.business-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-container{max-width:480px;width:100%}.search-trigger{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.search-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.search-placeholder{flex:1;text-align:left}.search-shortcut{padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-modal-content{position:relative;width:100%;max-width:600px;margin:0 var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.search-input-wrapper svg{color:var(--color-text-muted);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-base)}.search-input::placeholder{color:var(--color-text-muted)}.search-close{background:transparent;border:none;cursor:pointer}.search-close kbd{padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:inherit}.search-results{max-height:400px;overflow-y:auto}.search-section{padding:var(--spacing-3)}.search-section-title{display:block;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.search-items{display:flex;flex-direction:column;gap:var(--spacing-1)}.search-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.search-item:hover{background:var(--color-surface-elevated)}.search-item-icon{width:24px;height:24px;background:var(--color-surface-elevated);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-accent)}.notifications-dropdown,.user-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn var(--transition-fast)}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mark-read{background:transparent;border:none;color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer;transition:opacity var(--transition-fast)}.mark-read:hover{opacity:.8}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-section{padding:var(--spacing-2)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);width:100%;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-item.logout{color:#ef4444}.dropdown-footer{display:block;padding:var(--spacing-3) var(--spacing-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-accent);border-top:1px solid var(--color-border);transition:background var(--transition-fast)}.dropdown-footer:hover{background:var(--color-surface-elevated)}.notifications-menu{width:360px}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);position:relative;transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-surface-elevated)}.notification-item.unread{background:#7c3aed0d}.notification-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.payment{background:#3b82f61a;color:var(--color-payments)}.notification-icon.team{background:#8b5cf61a;color:var(--color-infrastructure)}.notification-icon.billing{background:#10b9811a;color:var(--color-accounting)}.notification-content{flex:1;min-width:0}.notification-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.notification-message{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.unread-dot{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full)}.user-button{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-full);transition:all var(--transition-fast)}.user-button:hover{background:var(--color-surface-hover)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.user-menu{width:260px}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)}.user-avatar-lg{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.top-nav,.sidebar-collapsed .top-nav{left:0}.mobile-menu{display:flex}.collapse-toggle,.business-switcher{display:none}}@media (max-width: 768px){.top-nav{padding:0 var(--spacing-4)}.search-container{display:none}.notifications-menu,.user-menu{width:calc(100vw - 32px);right:-8px}}.dashboard-layout{--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-surface-elevated: #F1F5F9;--color-surface-hover: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-border-strong: #94A3B8;--color-border-light: #F1F5F9;--glass-background: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--color-primary: #6366F1;--color-accent: #6366F1;--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-text: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #3B82F6 100%);--color-studio: #F59E0B;--color-payments: #3B82F6;--color-accounting: #10B981;--color-relay: #EC4899;--color-people: #F97316;--color-infrastructure: #8B5CF6}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--color-background)}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px;transition:margin-left var(--transition-normal)}.sidebar-collapsed .dashboard-main{margin-left:72px}.dashboard-content{flex:1;padding:var(--spacing-8);padding-top:calc(64px + var(--spacing-8));max-width:1600px;width:100%;margin:0 auto}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}@media (max-width: 1024px){.dashboard-main,.sidebar-collapsed .dashboard-main{margin-left:0}.mobile-overlay{display:block}}@media (max-width: 768px){.dashboard-content{padding:var(--spacing-4);padding-top:calc(64px + var(--spacing-4))}}.overview-page{display:flex;flex-direction:column;gap:var(--spacing-8);animation:fadeIn var(--transition-normal)}.welcome-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);flex-wrap:wrap}.welcome-greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-1)}.welcome-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.welcome-actions{display:flex;gap:var(--spacing-3)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.section-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.module-dot.studio{background:var(--color-studio)}.module-dot.relay{background:var(--color-relay)}.module-dot.people{background:var(--color-people)}.alerts-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.alert-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border-left:3px solid}.alert-card.error{border-left-color:#ef4444;background:#ef44440d}.alert-card.warning{border-left-color:#f59e0b;background:#f59e0b0d}.alert-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-card.error .alert-icon{background:#ef44441a;color:#ef4444}.alert-card.warning .alert-icon{background:#f59e0b1a;color:#f59e0b}.alert-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.alert-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alert-action{padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface-hover);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;transition:all var(--transition-fast)}.alert-action:hover{background:var(--color-border-strong)}.metrics-section{display:flex;flex-direction:column;gap:var(--spacing-8)}.metrics-group{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.metric-card{padding:var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column}.metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.metric-change{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.metric-change.neutral{color:var(--color-text-secondary)}.metric-sublabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.metric-sublabel.success{color:#10b981}.metric-link{font-size:var(--font-size-sm);color:var(--color-accent);margin-top:auto;transition:opacity var(--transition-fast)}.metric-link:hover{opacity:.8}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}.modules-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.module-card{padding:var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.5;transition:opacity var(--transition-fast)}.module-card.studio:before{background:var(--color-studio)}.module-card.payments:before{background:var(--color-payments)}.module-card.accounting:before{background:var(--color-accounting)}.module-card.relay:before{background:var(--color-relay)}.module-card.people:before{background:var(--color-people)}.module-card.infrastructure:before{background:var(--color-infrastructure)}.module-card:hover:before{opacity:1}.module-card.inactive{opacity:.7}.module-card.inactive:hover{opacity:1}.module-header{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.module-status{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.module-status.active{color:var(--color-text-primary)}.module-status.inactive{color:var(--color-text-muted)}.module-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.module-stat{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);flex:1}.module-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);transition:gap var(--transition-fast)}.module-link:hover{gap:var(--spacing-3)}.module-activate{padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;transition:opacity var(--transition-fast)}.module-activate:hover{opacity:.9}.activity-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.activity-item:hover{background:var(--color-surface-elevated)}.activity-dot{width:8px;height:8px;border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.activity-dot.payment,.activity-dot.invoice{background:var(--color-payments)}.activity-dot.deploy{background:var(--color-infrastructure)}.activity-dot.team{background:var(--color-accent)}.activity-dot.expense{background:var(--color-accounting)}.activity-content{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-message{font-size:var(--font-size-sm);color:var(--color-text-primary)}.activity-view-all{display:block;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-accent);transition:opacity var(--transition-fast)}.activity-view-all:hover{opacity:.8}@media (max-width: 1200px){.metrics-grid,.modules-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.welcome-section{flex-direction:column;align-items:flex-start}.welcome-greeting{font-size:var(--font-size-2xl)}.metrics-grid,.modules-grid{grid-template-columns:1fr}.alert-card{flex-direction:column;align-items:flex-start}.alert-action{width:100%;text-align:center;margin-top:var(--spacing-2)}}.billing-page{animation:fadeIn var(--transition-normal)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.billing-tabs{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);width:fit-content}.tab-button{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{background:var(--color-surface-elevated);color:var(--color-text-primary)}.billing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.billing-card+.billing-card{margin-top:var(--spacing-6)}.card-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.estimate-badge,.period-badge{padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.inactive{background:var(--color-surface-elevated);color:var(--color-text-muted)}.billing-info{padding:var(--spacing-5)}.billing-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-light)}.billing-info-row:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.payment-method{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary)}.card-icon{display:flex;align-items:center;padding:var(--spacing-1);background:#fff;border-radius:var(--radius-sm)}.link-button{background:transparent;border:none;color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition-fast)}.link-button:hover{opacity:.8}.breakdown-list{padding:var(--spacing-5)}.breakdown-item{padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border-light)}.breakdown-item:last-of-type{border-bottom:none}.breakdown-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.breakdown-name,.breakdown-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.breakdown-detail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);padding-left:var(--spacing-4);margin-top:var(--spacing-2)}.detail-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.estimated-tag{color:var(--color-accent);margin-left:var(--spacing-1)}.detail-amount{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-info{width:100%;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-left:var(--spacing-4)}.breakdown-total{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) 0 0;margin-top:var(--spacing-4);border-top:1px solid var(--color-border)}.total-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.breakdown-note{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-elevated);border-top:1px solid var(--color-border)}.invoices-table{width:100%}.table-header,.table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1.5fr;align-items:center;padding:var(--spacing-4) var(--spacing-5)}.table-header{background:var(--color-surface-elevated);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.table-row{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.table-row:last-child{border-bottom:none}.invoice-id{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.invoice-period{color:var(--color-text-secondary)}.invoice-amount{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.invoice-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.invoice-status.paid{color:var(--color-accounting)}.download-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.download-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);padding:var(--spacing-5)}.usage-stat{text-align:center}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-progress{padding:0 var(--spacing-5) var(--spacing-5)}.progress-header{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.progress-bar{height:8px;background:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-fill.payments{background:var(--color-payments)}.progress-fill.accounting{background:var(--color-accounting)}.progress-fill.infrastructure{background:var(--color-infrastructure)}.usage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--color-text-muted)}.usage-empty svg{margin-bottom:var(--spacing-4);opacity:.5}.usage-empty p{margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.plans-header{margin-bottom:var(--spacing-6)}.plans-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.plans-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.plan-card{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative;transition:all var(--transition-normal)}.plan-card:hover{border-color:var(--color-border-hover)}.plan-card.current{border-color:var(--color-accent);background:#7c3aed0d}.current-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-1) var(--spacing-2);background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff}.plan-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.plan-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.plan-price{margin-bottom:var(--spacing-6)}.price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.price-period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.price-custom{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.plan-features{margin-bottom:var(--spacing-6)}.plan-features li{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-features svg{color:var(--color-accounting);flex-shrink:0}.plan-card .btn{width:100%;justify-content:center}.btn-sm{padding:var(--spacing-2) var(--spacing-4)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.module-dot{width:8px;height:8px;border-radius:var(--radius-full)}@media (max-width: 1200px){.usage-grid,.plans-grid{grid-template-columns:1fr}}@media (max-width: 768px){.billing-tabs{width:100%;overflow-x:auto}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.table-header span:nth-child(2),.table-header span:nth-child(4),.table-row .invoice-period,.table-row .invoice-status{display:none}.usage-stats{grid-template-columns:1fr}}.team-page{animation:fadeIn var(--transition-normal)}.team-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-6)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.member-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.members-list{width:100%}.member-item{display:grid;grid-template-columns:48px 2fr 1fr 1.5fr 1fr 120px;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.member-item:last-child{border-bottom:none}.member-item:hover{background:var(--color-surface-elevated)}.member-item.pending{opacity:.7}.member-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;flex-shrink:0}.member-avatar.pending{background:var(--color-surface-hover);color:var(--color-text-muted)}.member-avatar.large{width:56px;height:56px;font-size:var(--font-size-lg)}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-status{font-size:var(--font-size-xs);color:var(--color-accent)}.role-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.role-badge.owner{background:#7c3aed1a;color:var(--color-accent)}.role-badge.admin{background:#3b82f61a;color:var(--color-payments)}.role-badge.member{background:#10b9811a;color:var(--color-accounting)}.role-badge.billing{background:#f59e0b1a;color:#f59e0b}.modules-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.date-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.member-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.action-button{padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.action-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.danger{color:#ef4444}.action-button.danger:hover{background:#ef44441a;border-color:#ef4444}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);padding:var(--spacing-5)}.role-card{padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.role-card .role-badge{margin-bottom:var(--spacing-3)}.role-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.role-permissions{font-size:var(--font-size-xs);color:var(--color-text-muted)}.role-permissions li{padding:var(--spacing-1) 0}.btn-primary{background:var(--gradient-primary);border:none;color:#fff}.btn-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.btn-danger:hover{background:#ef44441a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-4);animation:fadeIn var(--transition-fast)}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-content{padding:var(--spacing-5)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-5);margin-top:var(--spacing-5);border-top:1px solid var(--color-border)}.footer-actions{display:flex;gap:var(--spacing-3)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.form-input,.form-select{width:100%;padding:var(--spacing-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #7c3aed1a}.form-input::placeholder{color:var(--color-text-muted)}.form-select{cursor:pointer}.form-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.module-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.module-dot.payments{background:var(--color-payments)}.module-dot.accounting{background:var(--color-accounting)}.module-dot.infrastructure{background:var(--color-infrastructure)}.member-edit-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border)}.member-edit-header .member-name{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.module-access-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.module-access-item{padding:var(--spacing-3);background:var(--color-surface-elevated);border-radius:var(--radius-lg)}.switch-label{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);cursor:pointer}.switch-label input{display:none}.switch{position:relative;width:36px;height:20px;background:var(--color-surface-hover);border-radius:var(--radius-full);transition:background var(--transition-fast)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.switch-label input:checked+.switch{background:var(--color-accent)}.switch-label input:checked+.switch:after{transform:translate(16px)}.access-level{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-3);padding-top:var(--spacing-3);padding-left:calc(36px + var(--spacing-3) + 8px + var(--spacing-3));border-top:1px solid var(--color-border-light)}.radio-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.radio-label input{accent-color:var(--color-accent)}@media (max-width: 1200px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.member-item{grid-template-columns:40px 1fr auto;gap:var(--spacing-3)}.member-role,.member-modules,.member-date{display:none}.member-info{flex:1}.member-actions{flex-shrink:0}}@media (max-width: 768px){.roles-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:var(--spacing-3)}.modal-footer .btn-danger{order:1;width:100%;justify-content:center}.footer-actions{order:0;width:100%}.footer-actions .btn{flex:1;justify-content:center}}.settings-page{animation:fadeIn var(--transition-normal)}.page-header{margin-bottom:var(--spacing-6)}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-6)}.settings-tabs{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:fit-content;position:sticky;top:var(--spacing-6)}.tab-button{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.tab-button:hover,.tab-button.active{color:var(--color-text-primary);background:var(--color-surface-elevated)}.tab-button svg{flex-shrink:0}.settings-content{flex:1}.settings-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.section-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff}.avatar-actions{display:flex;gap:var(--spacing-2)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-actions{padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.security-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.security-info{display:flex;align-items:center;gap:var(--spacing-4)}.security-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.security-icon.enabled{background:#10b9811a;color:var(--color-success)}.security-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.security-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.danger-section{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.danger-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-4)}.danger-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.danger-action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.danger-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-group{margin-bottom:var(--spacing-6)}.notification-group:last-child{margin-bottom:0}.notification-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.notification-item:hover{border-color:var(--color-border-hover)}.notification-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.notification-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.notification-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.api-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);color:#f59e0b}.api-warning p{font-size:var(--font-size-sm);margin:0}.api-keys-list{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.api-key-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.api-key-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.api-key-header{display:flex;align-items:center;gap:var(--spacing-3)}.api-key-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.api-key-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.api-key-status.active{background:#10b9811a;color:var(--color-success)}.api-key-value{display:flex;align-items:center;gap:var(--spacing-2)}.api-key-value code{padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-surface);color:var(--color-text-primary)}.api-key-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.api-key-actions{display:flex;gap:var(--spacing-2)}.btn-primary{background:var(--color-primary);color:#fff}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.9}.btn-danger-ghost{background:transparent;color:var(--color-error)}.btn-danger-ghost:hover{background:#ef44441a}@media (max-width: 968px){.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow-x:auto;position:static}.tab-button{white-space:nowrap}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.security-card,.api-key-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.security-card .btn,.api-key-actions{width:100%}.api-key-actions .btn{flex:1;justify-content:center}}.studio-page{animation:fadeIn var(--transition-normal)}.module-badge.studio{background:var(--color-studio)}.sub-nav-link.active{background:var(--color-studio);color:#fff}.studio-dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.stat-card.highlight{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33}.stat-sub.positive{color:var(--color-success)}.sites-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}.sites-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.site-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.site-card:hover{border-color:var(--color-border-hover)}.site-preview{width:120px;height:80px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-placeholder{color:var(--color-text-muted)}.site-info{flex:1;min-width:0}.site-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.site-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.site-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.site-status.published{background:#10b9811a;color:var(--color-success)}.site-status.draft{background:var(--color-surface-hover);color:var(--color-text-muted)}.site-domain{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.site-meta{display:flex;align-items:center;gap:var(--spacing-4)}.site-visitors{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.site-updated{font-size:var(--font-size-sm);color:var(--color-text-muted)}.site-actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.action-card:hover{border-color:var(--color-studio);background:#f59e0b0d}.action-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-studio);transition:all var(--transition-fast)}.action-card:hover .action-icon{background:var(--color-studio);color:#fff}.integration-banner{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl)}.banner-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-payments);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.banner-content{flex:1}.banner-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.banner-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-primary{background:var(--color-studio);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}@media (max-width: 1200px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr}.sub-nav{width:100%}.actions-grid{grid-template-columns:1fr}.site-card{flex-direction:column;align-items:stretch}.site-preview{width:100%;height:120px}.site-actions{justify-content:flex-end}.integration-banner{flex-direction:column;text-align:center}}.payments-page{animation:fadeIn var(--transition-normal)}.module-badge.payments{background:var(--color-payments)}.sub-nav-link.active{background:var(--color-payments);color:#fff}.payments-dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.stat-card.highlight{background:#3b82f60d;border-color:#3b82f633}.stat-link{font-size:var(--font-size-sm);color:var(--color-payments);margin-top:auto}.chart-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.section-link{font-size:var(--font-size-sm);color:var(--color-payments)}.chart-controls{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-surface-elevated);border-radius:var(--radius-lg)}.chart-btn{padding:var(--spacing-1) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chart-btn:hover{color:var(--color-text-primary)}.chart-btn.active{background:var(--color-surface);color:var(--color-text-primary)}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center}.chart-svg{width:100%;height:100%}.payments-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}.transactions-section,.customers-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.txn-customer{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.txn-id{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.txn-amount{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1)}.amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.txn-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.txn-status.completed{color:var(--color-accounting)}.txn-status.pending{color:#f59e0b}.txn-status.failed{color:#ef4444}.customers-list{display:flex;flex-direction:column}.customer-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.customer-item:hover{background:var(--color-surface-elevated)}.customer-rank{width:24px;height:24px;background:var(--color-surface-elevated);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.customer-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.customer-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.customer-txns{font-size:var(--font-size-xs);color:var(--color-text-muted)}.customer-revenue{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.action-card:hover{border-color:var(--color-payments);background:#3b82f60d}.action-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-payments);transition:all var(--transition-fast)}.action-card:hover .action-icon{background:var(--color-payments);color:#fff}.btn-primary{background:var(--color-payments);border:none;color:#fff}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.payments-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr}.sub-nav{width:100%}.actions-grid{grid-template-columns:1fr}}.accounting-page{animation:fadeIn var(--transition-normal)}.module-badge.accounting{background:var(--color-accounting)}.header-actions{display:flex;gap:var(--spacing-3)}.sub-nav-link{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.sub-nav-link:hover{color:var(--color-text-primary)}.sub-nav-link.active{background:var(--color-accounting);color:#fff}.accounting-dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.stat-card{padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.stat-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-sub.positive{color:var(--color-accounting)}.alert-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);color:#f59e0b}.alert-banner span{flex:1;font-size:var(--font-size-sm)}.alert-banner .alert-action{padding:var(--spacing-2) var(--spacing-4);background:#f59e0b;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;transition:opacity var(--transition-fast)}.alert-banner .alert-action:hover{opacity:.9}.accounting-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}.transactions-section,.expenses-section{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-link{font-size:var(--font-size-sm);color:var(--color-accounting)}.transactions-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:var(--color-surface-elevated);margin:0 calc(var(--spacing-4) * -1);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.txn-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.txn-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.txn-category{font-size:var(--font-size-xs);color:var(--color-text-muted)}.txn-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.txn-amount.income{color:var(--color-accounting)}.txn-amount.expense{color:var(--color-text-primary)}.expenses-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.expense-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.expense-info{display:flex;align-items:center;justify-content:space-between}.expense-category{font-size:var(--font-size-sm);color:var(--color-text-primary)}.expense-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.expense-bar{height:8px;background:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.expense-fill{height:100%;background:var(--color-accounting);border-radius:var(--radius-full);transition:width var(--transition-slow)}.quick-actions{margin-top:var(--spacing-6)}.quick-actions .section-title{margin-bottom:var(--spacing-4)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.action-card:hover{border-color:var(--color-accounting);background:#10b9810d}.action-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-accounting);transition:all var(--transition-fast)}.action-card:hover .action-icon{background:var(--color-accounting);color:#fff}.action-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.btn-primary{background:var(--color-accounting);border:none;color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.accounting-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr}.sub-nav{width:100%}.actions-grid{grid-template-columns:1fr}.alert-banner{flex-wrap:wrap}.alert-banner .alert-action{width:100%;text-align:center;margin-top:var(--spacing-2)}}.relay-page{animation:fadeIn var(--transition-normal)}.module-badge.relay{background:var(--color-relay)}.inactive-icon{width:120px;height:120px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#ec48991a,#ec48990d);display:flex;align-items:center;justify-content:center;color:var(--color-relay);margin-bottom:var(--spacing-6)}.feature-item svg{color:var(--color-relay);flex-shrink:0;margin-top:2px}.pricing-badge{padding:var(--spacing-1) var(--spacing-2);background:#ec48991a;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-relay)}.btn-primary{background:var(--color-relay);border:none;color:#fff}.people-page{animation:fadeIn var(--transition-normal)}.module-badge.people{background:var(--color-people)}.inactive-icon{width:120px;height:120px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#f973161a,#f973160d);display:flex;align-items:center;justify-content:center;color:var(--color-people);margin-bottom:var(--spacing-6)}.feature-item svg{color:var(--color-people);flex-shrink:0;margin-top:2px}.pricing-badge{padding:var(--spacing-1) var(--spacing-2);background:#f973161a;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-people)}.btn-primary{background:var(--color-people);border:none;color:#fff}.infrastructure-page{animation:fadeIn var(--transition-normal)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.header-info{display:flex;align-items:center;gap:var(--spacing-4)}.module-badge{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.module-badge.infrastructure{background:var(--color-infrastructure)}.module-badge.inactive{background:var(--color-surface-elevated);color:var(--color-text-muted)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.header-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.header-badge.inactive{background:var(--color-surface-elevated);color:var(--color-text-muted)}.sub-nav{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);width:fit-content;overflow-x:auto}.sub-nav.disabled{opacity:.6;pointer-events:none}.sub-nav-link{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap}.inactive-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.inactive-icon{width:120px;height:120px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);display:flex;align-items:center;justify-content:center;color:var(--color-infrastructure);margin-bottom:var(--spacing-6)}.inactive-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.inactive-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--spacing-8)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);max-width:600px;margin-bottom:var(--spacing-8);text-align:left}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface-elevated);border-radius:var(--radius-lg)}.feature-item svg{color:var(--color-infrastructure);flex-shrink:0;margin-top:2px}.feature-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.feature-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.pricing-info{width:100%;max-width:400px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);overflow:hidden}.pricing-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.pricing-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pricing-badge{padding:var(--spacing-1) var(--spacing-2);background:#8b5cf61a;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-infrastructure)}.pricing-details{padding:var(--spacing-2)}.pricing-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);font-size:var(--font-size-sm)}.pricing-item span:first-child{color:var(--color-text-secondary)}.pricing-item span:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-large{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-primary{background:var(--color-infrastructure);border:none;color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.activate-note{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:400px}@media (max-width: 768px){.inactive-state{padding:var(--spacing-8) var(--spacing-4)}.features-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}:root{--color-black: #0F172A;--color-white: #FFFFFF;--color-background: #FFFFFF;--color-surface: #F8FAFC;--color-surface-elevated: #F1F5F9;--color-surface-hover: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-border-strong: #94A3B8;--color-border-light: #F1F5F9;--gradient-primary: linear-gradient(135deg, #7C3AED 0%, #2563EB 50%, #06B6D4 100%);--gradient-primary-hover: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 50%, #22D3EE 100%);--gradient-text: linear-gradient(135deg, #7C3AED 0%, #2563EB 50%, #06B6D4 100%);--color-accent: #7C3AED;--color-accent-secondary: #2563EB;--color-accent-tertiary: #06B6D4;--color-studio: #F59E0B;--color-studio-glow: rgba(245, 158, 11, .2);--color-payments: #3B82F6;--color-payments-glow: rgba(59, 130, 246, .2);--color-accounting: #10B981;--color-accounting-glow: rgba(16, 185, 129, .2);--color-relay: #EC4899;--color-relay-glow: rgba(236, 72, 153, .2);--color-people: #F97316;--color-people-glow: rgba(249, 115, 22, .2);--color-infrastructure: #8B5CF6;--color-infrastructure-glow: rgba(139, 92, 246, .2);--glass-background: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--glass-blur: blur(20px);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--font-size-7xl: 5.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.03em;--letter-spacing-normal: -.01em;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--max-width: 1280px;--max-width-narrow: 720px;--max-width-wide: 1440px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15);--shadow-glow: 0 0 60px rgba(124, 58, 237, .15);--shadow-glow-sm: 0 0 30px rgba(124, 58, 237, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed80}}@keyframes orbit{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.gradient-text{background:var(--gradient-text);background-size:200% 200%;animation:gradientShift 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-balance{text-wrap:balance}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.container-narrow{max-width:var(--max-width-narrow)}.container-wide{max-width:var(--max-width-wide)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.btn-accent{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;box-shadow:var(--shadow-glow-sm)}.btn-accent:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-icon{padding:var(--spacing-3)}.btn-primary:before,.btn-accent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before,.btn-accent:hover:before{left:100%}.section{position:relative;padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.section-label{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-full)}.section-label:before{content:"";width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-6)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px}@media (min-width: 768px){.section{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.section-title{font-size:var(--font-size-4xl)}}.card{position:relative;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:all var(--transition-normal);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-xl)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.card:hover .card-glow{opacity:1}.link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.link:hover{color:var(--color-text-primary)}.link-arrow{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-accent)}.link-arrow svg,.link-arrow:after{transition:transform var(--transition-fast)}.link-arrow:after{content:"→"}.link-arrow:hover{color:var(--color-text-primary)}.link-arrow:hover svg,.link-arrow:hover:after{transform:translate(4px)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);pointer-events:none}.bg-gradient-radial{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.15) 0%,transparent 50%);pointer-events:none}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#7c3aed4d;color:var(--color-text-primary)}