:root{--brand-900:#061935;--brand-800:#0a254d;--brand-700:#124082;--brand-600:#1c5ba6;--brand-500:#4db8ff;--brand-400:#7bd0ff;--brand-100:#e0f2fe;--brand-50:#f0f9ff;--gold-600:#d97706;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-100:#fef3c7;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-400:#94a3b8;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f1f5f9;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--info:#0284c7;--info-light:#e0f2fe;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 10px 40px #0000001f, 0 4px 12px #0000000f;--shadow-card:0 2px 12px #1c5ba614;--font-sans:"Poppins", sans-serif;--transition:.15s cubic-bezier(.4, 0, .2, 1);--transition-med:.25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--slate-900:#f8fafc;--slate-800:#f1f5f9;--slate-700:#e2e8f0;--slate-600:#94a3b8;--slate-400:#64748b;--slate-200:#334155;--slate-100:#1e293b;--slate-50:#0f172a;--bg-main:#0b1120;--bg-card:#1e293b;--border-color:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--brand-900:#0f172a;--brand-800:#1e293b}:root[data-theme=dark] body{background:var(--bg-main);color:var(--text-main)}:root[data-theme=dark] .card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .topbar,:root[data-theme=dark] .modal{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}:root[data-theme=dark] .sidebar{background:linear-gradient(160deg,#090e1a 0%,#0f172a 100%)}:root[data-theme=dark] .table-wrapper,:root[data-theme=dark] .table th,:root[data-theme=dark] .table td{border-color:var(--border-color);color:var(--text-main)}:root[data-theme=dark] thead{background:#121d2f}:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-select,:root[data-theme=dark] .form-textarea{border-color:var(--border-color);color:var(--text-main);background:#121d2f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--slate-50);color:var(--slate-800);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--slate-500)}.text-primary{color:var(--brand-600)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.container{max-width:100vw;margin:0 auto;padding:0 30px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.w-full{width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:5rem;padding-bottom:5rem}.app-shell{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-body{flex:1;padding:1.5rem 2rem;overflow-y:auto}.sidebar{background:linear-gradient(160deg, var(--brand-900) 0%, var(--brand-800) 100%);color:#fff;z-index:100;width:260px;height:100vh;transition:width var(--transition-med);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:1.5rem 1.25rem 1rem}.sidebar-logo .clinic-name{color:#fff;font-size:1rem;font-weight:700;line-height:1.2}.sidebar-logo .clinic-tagline{color:var(--brand-400);margin-top:2px;font-size:.7rem}.sidebar-logo .logo-icon{background:var(--brand-600);border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;font-size:1.25rem;display:flex}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-section{margin-bottom:.25rem}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-400);opacity:.8;padding:.5rem 1.25rem .25rem;font-size:.65rem;font-weight:700}.nav-item{color:#ffffffbf;transition:all var(--transition);cursor:pointer;border-radius:0;border-radius:var(--radius);align-items:center;gap:.75rem;margin:.1rem .5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff1f;font-weight:600}.nav-item.active:before{content:"";background:var(--brand-400);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item .nav-icon{opacity:.8;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #ffffff14;padding:1rem .75rem}.sidebar-user{border-radius:var(--radius);cursor:pointer;transition:background var(--transition);align-items:center;gap:.75rem;padding:.5rem;display:flex}.sidebar-user:hover{background:#ffffff14}.user-avatar{border-radius:var(--radius-full);background:var(--brand-600);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.user-info .user-name{color:#fff;font-size:.8rem;font-weight:600}.user-info .user-role{color:var(--brand-400);text-transform:capitalize;font-size:.68rem}.topbar{border-bottom:1px solid var(--slate-200);z-index:50;background:#fff;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-title{color:var(--slate-800);font-size:1.125rem;font-weight:700}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-btn{border-radius:var(--radius-full);background:var(--slate-100);cursor:pointer;width:38px;height:38px;transition:background var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.topbar-btn:hover{background:var(--slate-200)}.notif-badge{background:var(--danger);border-radius:var(--radius-full);color:#fff;border:2px solid #fff;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.card-header{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.card-header h3{color:var(--slate-800);font-size:1rem;font-weight:600}.card-body{padding:1.5rem 2rem}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-med), transform var(--transition-med);background:#fff;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-icon.brand{background:var(--brand-100);color:var(--brand-600)}.stat-icon.gold{background:var(--gold-100);color:var(--gold-600)}.stat-icon.success{background:var(--success-light);color:var(--success)}.stat-icon.danger{background:var(--danger-light);color:var(--danger)}.stat-icon.info{background:var(--info-light);color:var(--info)}.stat-label{color:var(--slate-500);margin-bottom:.25rem;font-size:.8rem;font-weight:500}.stat-value{color:var(--slate-900);font-size:1.75rem;font-weight:800;line-height:1}.stat-change{align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.btn{border-radius:var(--radius);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 12px #1c5ba64d}.btn-secondary{background:var(--slate-100);color:var(--slate-700)}.btn-secondary:hover:not(:disabled){background:var(--slate-200)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-gold{background:var(--gold-500);color:#fff}.btn-gold:hover:not(:disabled){background:var(--gold-600)}.btn-outline{border:2px solid var(--brand-600);color:var(--brand-600);background:0 0}.btn-outline:hover:not(:disabled){background:var(--brand-600);color:#fff}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-lg{padding:.75rem 2rem;font-size:1rem}.btn-icon{border-radius:var(--radius);width:36px;height:36px;padding:0}.form-group{margin-bottom:1.25rem}.form-label{color:var(--slate-700);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--slate-50);border:1.5px solid var(--slate-200);border-radius:var(--radius);width:100%;color:var(--slate-800);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.6rem .85rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px #4db8ff1f}.form-input::placeholder{color:var(--slate-400)}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--slate-500);margin-top:.25rem;font-size:.75rem}.form-error{color:var(--danger);margin-top:.25rem;font-size:.75rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--slate-200);overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}thead{background:var(--slate-50)}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);border-bottom:1px solid var(--slate-200);white-space:nowrap;padding:.85rem 1rem;font-size:.78rem;font-weight:700}td{color:var(--slate-700);border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:.85rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--slate-50)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-brand{background:var(--brand-100);color:var(--brand-700)}.badge-gray{background:var(--slate-100);color:var(--slate-600)}.search-bar{position:relative}.search-bar .search-icon{color:var(--slate-400);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{padding-left:2.25rem!important}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header-left h1{color:var(--slate-900);font-size:1.5rem}.page-header-left p{color:var(--slate-500);margin-top:.1rem;font-size:.875rem}.page-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:560px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}.modal-lg{max-width:800px}.modal-header{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;display:flex}.modal-header h3{font-size:1.125rem;font-weight:700}.modal-body{padding:1.5rem 2rem}.modal-footer{border-top:1px solid var(--slate-100);justify-content:flex-end;gap:.75rem;padding:1rem 2rem;display:flex}.modal-close{border-radius:var(--radius-full);background:var(--slate-100);width:32px;height:32px;color:var(--slate-600);cursor:pointer;transition:background var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close:hover{background:var(--slate-200)}.spinner{border:3px solid var(--slate-200);border-top-color:var(--brand-600);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.loading-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-page p{color:var(--slate-500);font-size:.875rem}.skeleton{background:linear-gradient(90deg, var(--slate-100) 25%, var(--slate-200) 50%, var(--slate-100) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}.alert{border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-success{background:var(--success-light);color:#065f46;border-left:4px solid var(--success)}.alert-danger{background:var(--danger-light);color:#991b1b;border-left:4px solid var(--danger)}.alert-warning{background:var(--warning-light);color:#92400e;border-left:4px solid var(--warning)}.alert-info{background:var(--info-light);color:#075985;border-left:4px solid var(--info)}.pagination{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.page-btn{border-radius:var(--radius);border:1.5px solid var(--slate-200);width:34px;height:34px;color:var(--slate-600);cursor:pointer;transition:all var(--transition);background:#fff;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.page-btn:hover{border-color:var(--brand-500);color:var(--brand-600)}.page-btn.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.tab-nav{border-bottom:2px solid var(--slate-200);gap:0;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--slate-500);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600}.tab-btn:hover{color:var(--brand-600)}.tab-btn.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.empty-state{text-align:center;color:var(--slate-500);padding:3rem 1rem}.empty-state svg{opacity:.4;margin:0 auto 1rem}.empty-state h4{color:var(--slate-600);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state p{max-width:360px;margin:0 auto;font-size:.875rem}.login-page{background:linear-gradient(135deg, var(--brand-900) 0%, var(--brand-700) 50%, var(--slate-800) 100%);min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1;background:#fff;width:100%;max-width:440px;margin:auto;padding:2.5rem;animation:.3s slideUp;position:relative}.login-logo{text-align:center;margin-bottom:2rem}.login-logo .logo-mark{background:linear-gradient(135deg, var(--brand-600), var(--brand-500));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.75rem;display:flex;box-shadow:0 8px 24px #1c5ba64d}.login-logo h1{color:var(--brand-800);font-size:1.5rem}.login-logo p{color:var(--slate-500);margin-top:.25rem;font-size:.875rem}.portal-nav{border-bottom:1px solid var(--slate-200);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.portal-body{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.portal-hero{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-600) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:1.5rem;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@media (width<=1024px){.sidebar{width:220px}.page-body{padding:1rem 1.5rem}.form-row-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.sidebar{transition:left var(--transition-med);position:fixed;left:-260px}.sidebar.open{left:0}.form-row,.form-row-3{grid-template-columns:1fr}.page-body{padding:1rem}}.divider{background:var(--slate-200);height:1px;margin:1.25rem 0}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.bg-white{background:#fff}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.sticky-header{z-index:10;background:var(--slate-50);padding:1rem 0;position:sticky;top:0}.landing-page{color:var(--slate-900);background:#fff}.landing-nav{z-index:1000;background:var(--brand-900);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;transition:all var(--transition-med);align-items:center;height:90px;display:flex;position:sticky;top:0;left:0}.landing-nav.scrolled{background:var(--brand-900);box-shadow:var(--shadow-sm)}.landing-logo-mark{background:var(--brand-600);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex}.landing-brand-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.nav-link{color:var(--slate-200);transition:all var(--transition);padding:.5rem 1.5rem;font-size:1.1rem;font-weight:600;position:relative}.nav-link:hover{color:#fff;text-shadow:0 0 10px #ffffff4d}.nav-link.active{color:#fff}.nav-link.active:after{content:"";background:var(--brand-500);border-radius:2px;height:2px;position:absolute;bottom:-4px;left:1.5rem;right:1.5rem}.about-section{background:#fff;position:relative}.about-content h2{margin-bottom:2rem}.stat-box{background:var(--brand-50);border-radius:var(--radius-lg);border:1px solid var(--brand-100);text-align:center;padding:2rem}.stat-number{color:var(--brand-600);margin-bottom:.5rem;font-size:2.5rem;font-weight:850;line-height:1}.stat-label{color:var(--slate-600);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.about-image{height:400px;position:relative}.about-card-stack{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;inset:0}.about-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--slate-100);width:280px;transition:transform var(--transition-med);background:#fff;padding:2rem}.about-card.primary{border-left:4px solid var(--brand-600);align-self:flex-start;transform:rotate(-2deg)}.about-card.secondary{border-left:4px solid var(--gold-500);align-self:flex-end;margin-top:-2rem;transform:rotate(2deg)}.about-card:hover{z-index:10;transform:rotate(0)translateY(-5px)}.fixed{position:fixed}.bottom-8{bottom:2.5rem}.right-8{right:2.5rem}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-100{opacity:1}.translate-y-0{transform:translateY(0)}.translate-y-12{transform:translateY(3rem)}.pointer-events-none{pointer-events:none}.hero-section{background:radial-gradient(circle at 100% 0%, var(--brand-50) 0%, white 50%);padding:5rem 0;position:relative;overflow:hidden}.hero-title{letter-spacing:-.04em;margin-bottom:2rem;font-size:5rem;font-weight:850;line-height:1.05}.hero-subtitle{color:var(--slate-600);max-width:800px;font-size:1.25rem;line-height:1.5}.text-gradient{background:linear-gradient(135deg, var(--brand-600), var(--brand-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-blob{aspect-ratio:1;background:radial-gradient(circle, var(--brand-100) 0%, #e0f2fe00 70%);filter:blur(40px);z-index:-1;width:120%;animation:8s infinite alternate pulse;position:absolute}.hero-illustration{object-fit:cover;border-radius:var(--radius-xl);width:100%;max-height:500px;box-shadow:var(--shadow-lg);transition:transform var(--transition-med);transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.hero-illustration:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.grid-2{grid-template-columns:1.2fr .8fr}.grid-4{grid-template-columns:repeat(4,1fr)}.features-section{background:var(--slate-50)}.section-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--slate-500);max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{border-radius:var(--radius-xl);border:1px solid var(--slate-200);transition:all var(--transition-med);background:#fff;padding:2.5rem}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-100);transform:translateY(-8px)}.feature-icon-box{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.feature-icon-box.brand{background:var(--brand-100);color:var(--brand-600)}.feature-icon-box.success{background:var(--success-light);color:var(--success)}.feature-icon-box.info{background:var(--info-light);color:var(--info)}.feature-icon-box.gold{background:var(--gold-100);color:var(--gold-600)}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--slate-500);font-size:.9375rem;line-height:1.6}.compliance-section{background:#fff;padding:5rem 0}.compliance-card{background:linear-gradient(135deg, var(--brand-900) 0%, var(--brand-800) 100%);color:#fff;border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:4rem;padding:4rem;display:flex;position:relative;overflow:hidden}.compliance-card p{color:#ffffffb3;max-width:600px;margin:1rem 0 2rem;font-size:1.125rem}.compliance-list{grid-template-columns:1fr 1fr;gap:1.5rem;list-style:none;display:grid}.compliance-list li{align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}.compliance-badge-large{opacity:.1;pointer-events:none;font-size:12rem;position:absolute;bottom:-2rem;right:-2rem}.cta-box{background:linear-gradient(135deg, var(--brand-100) 0%, var(--brand-50) 100%);border:none;padding:4rem}.cta-box h2{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.border-top{border-top:1px solid var(--slate-200)}.footer-links{color:var(--slate-500);flex-direction:column;gap:.75rem;font-size:.875rem;list-style:none;display:flex}.footer-links a:hover{color:var(--brand-600)}.hidden-mobile{display:flex}.mobile-only{display:none}@media (width<=1024px){.hero-title{font-size:3rem}.grid-2{text-align:center;grid-template-columns:1fr;gap:4rem}.hero-subtitle{margin:0 auto}.hero-actions,.hero-trust{justify-content:center}}@media (width<=768px){.hidden-mobile{display:none}.mobile-only{display:block}.hero-title{font-size:2.5rem}.compliance-card{text-align:center;flex-direction:column;padding:2rem}.compliance-list{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.cta-box{padding:3rem 1.5rem}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem;display:grid}.pricing-card{border-radius:var(--radius-xl);border:1px solid var(--slate-200);transition:all var(--transition-med);background:#fff;flex-direction:column;padding:3rem;display:flex;position:relative}.pricing-card.popular{border-color:var(--brand-500);box-shadow:var(--shadow-lg);z-index:10;transform:scale(1.05)}.popular-badge{background:var(--brand-600);color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:.5rem;font-size:1.5rem}.pricing-price{color:var(--slate-900);margin:1.5rem 0;font-size:3rem;font-weight:850}.pricing-price span{color:var(--slate-500);font-size:1rem;font-weight:500}.pricing-features{flex:1;margin:2rem 0;list-style:none}.pricing-features li{color:var(--slate-600);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;display:flex}.pricing-features li svg{color:var(--success);flex-shrink:0}