@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#050608;--bg-card:#0f1219a6;--bg-card-hover:#161b26cc;--border-color:#ffffff14;--border-focus:#00f2fe66;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-purple:#a18cd1;--accent-neon-green:#39ff14;--grad-primary:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--grad-text:linear-gradient(135deg, #fff 30%, #a18cd1 100%);--grad-neon:linear-gradient(135deg, #00f2fe 0%, #a18cd1 100%);--shadow-glow:0 0 20px #00f2fe26;--shadow-glow-strong:0 0 30px #00f2fe4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-color);color:var(--text-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s}body{background-image:radial-gradient(circle at 10% 20%,#4facfe0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a18cd10f 0%,#0000 40%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px}.glass:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.neon-text{background:var(--grad-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}header{z-index:100;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050608b3;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);padding:.25rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--grad-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.btn{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#000;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.hero{text-align:center;padding:10rem 0 6rem;position:relative}.hero-badge{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:2s infinite pulse;display:inline-flex}.hero h1{margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero-p{color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6}.features-grid{grid-template-cols:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:4rem;display:grid}.feature-card{text-align:left;padding:2.5rem}.feature-icon{width:50px;height:50px;color:var(--accent-blue);background:#4facfe1a;border:1px solid #4facfe33;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.4rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:500px;padding:3rem;transition:transform .3s;position:relative;transform:scale(.9)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{color:var(--text-secondary);position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-primary)}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0000004d;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 10px #00f2fe33}.articles-section{border-top:1px solid var(--border-color);padding:6rem 0}.section-title{text-align:center;margin-bottom:1rem;font-size:2.2rem}.section-p{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem}.articles-grid{grid-template-cols:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;display:grid}.article-card{cursor:pointer;flex-direction:column;height:100%;display:flex;overflow:hidden}.article-body{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.article-meta{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.article-card h3{margin-bottom:1rem;font-size:1.25rem;line-height:1.4}.article-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.article-readmore{color:var(--accent-cyan);align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.article-readmore svg{transition:transform .2s}.article-card:hover .article-readmore svg{transform:translate(4px)}.article-reader{padding:8rem 0}.reader-header{text-align:center;max-width:800px;margin:0 auto 3rem}.reader-back{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:500;display:inline-flex}.reader-back:hover{color:var(--text-primary)}.reader-meta{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-weight:600}.reader-header h1{margin-bottom:1.5rem;font-size:3rem;line-height:1.2}.reader-content{color:#d1d5db;max-width:750px;margin:0 auto;font-size:1.1rem;line-height:1.8}.reader-content p{margin-bottom:1.5rem}.reader-content h2{color:var(--text-primary);margin:2.5rem 0 1rem;font-size:1.6rem}.reader-content ul,.reader-content ol{margin:1rem 0 1.5rem 2rem}.reader-content li{margin-bottom:.5rem}.tool-simulator{border-top:1px solid var(--border-color);padding:6rem 0}.simulator-box{max-width:800px;margin:3rem auto 0;padding:3rem}.sim-input-row{gap:1rem;margin-bottom:2rem;display:flex}.sim-input-row .form-input{flex-grow:1}.sim-result-box{border:1px solid var(--border-color);background:#0006;border-radius:12px;margin-top:2rem;padding:2rem;animation:.4s fadeIn}.score-display{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.score-circle{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.score-high{border:2px solid var(--accent-neon-green);color:var(--accent-neon-green);background:#39ff141a}.score-mid{color:#facc15;background:#facc151a;border:2px solid #facc15}.score-low{color:#ef4444;background:#ef44441a;border:2px solid #ef4444}.audit-logs{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.audit-log-item{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.audit-log-item svg{flex-shrink:0}.receptionist-grid{grid-template-cols:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.phone-mock{background:#0d0f14;border:4px solid #1f2937;border-radius:36px;flex-direction:column;height:380px;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.phone-speaker{background:#1f2937;border-radius:9999px;width:60px;height:10px;margin:0 auto 1.5rem}.phone-chat{flex-direction:column;flex-grow:1;gap:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.bubble{border-radius:16px;max-width:80%;padding:.75rem 1rem;font-size:.85rem;line-height:1.4}.bubble-bot{color:var(--text-primary);background:#ffffff0f;border-bottom-left-radius:4px;align-self:flex-start}.bubble-user{background:var(--grad-primary);color:#000;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500}.admin-view{padding:8rem 0}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.admin-table-box{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.85rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-color);padding:1.25rem 1rem;font-size:.95rem}.admin-table tr:hover{background:#ffffff05}.badge-status{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge-status-new{color:var(--accent-cyan);background:#00f2fe1a;border:1px solid #00f2fe33}.spinner{border:2px solid #ffffff1a;border-top-color:var(--accent-cyan);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:6rem;padding:3rem 0;font-size:.9rem}@keyframes pulse{0%{box-shadow:0 0 #00f2fe66}70%{box-shadow:0 0 0 8px #00f2fe00}to{box-shadow:0 0 #00f2fe00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.hero h1{font-size:2.5rem}.receptionist-grid{grid-template-cols:1fr}.sim-input-row{flex-direction:column}.nav-links{display:none}}
