@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #0056b3;--primary-dark: #004494;--secondary: #6c757d;--bg-light: #f8f9fa;--text-dark: #212529;--text-muted: #6c757d;--danger: #dc3545;--success: #28a745;--white: #ffffff;--border: #e9ecef}body{font-family:Inter,sans-serif;color:var(--text-dark);background-color:var(--white);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none;font-size:14px;text-decoration:none}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--bg-light)}h1,h2,h3,h4{font-weight:700;margin-top:0}h1{font-size:42px;letter-spacing:-.02em}h2{font-size:32px;letter-spacing:-.01em}h3{font-size:24px}.navbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-spacer{flex:1;min-width:0}.logo{font-weight:700;font-size:22px;display:flex;align-items:center;gap:8px}.logo-text{background:linear-gradient(135deg,var(--primary) 0%,#0078d4 50%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-domain{color:var(--primary);font-weight:500;opacity:.7}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.logo-icon svg{transform:rotate(-45deg);color:#fff}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--primary);font-size:14px}.form-input{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary)}.card{border:1px solid var(--border);border-radius:8px;padding:24px;background:#fff;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px #0000000d}.pricing-card{border:1px solid var(--border);border-radius:12px;padding:30px;text-align:center}.pricing-card.featured{border:2px solid var(--primary);position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(4,280px);gap:20px;justify-content:center;padding:0 20px}.pricing-grid .pricing-card{min-height:480px;width:280px}.pricing-grid .pricing-card h3{margin-bottom:5px}.pricing-grid .pricing-card h3+div{min-height:50px;margin:10px 0}.pricing-grid .pricing-card>p:first-of-type{margin-bottom:5px}.pricing-grid .pricing-card>p:nth-of-type(2){height:20px;margin-bottom:15px}.pricing-grid .pricing-card ul{margin-bottom:20px}.pricing-grid .pricing-card li{margin-bottom:6px}@media(max-width:1240px){.pricing-grid{grid-template-columns:repeat(2,280px)!important}}@media(max-width:620px){.pricing-grid{grid-template-columns:280px!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;width:100%}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.btn:disabled{opacity:.6;cursor:not-allowed}.notification-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid var(--primary)}.notification-toast.success{border-left-color:var(--success)}.notification-toast.error{border-left-color:var(--danger)}.notification-toast.info{border-left-color:var(--primary)}.notification-content{flex:1;font-size:14px;color:var(--text-dark);margin-top:2px}.notification-icon{display:flex;align-items:center;justify-content:center;margin-top:2px}.notification-toast.success .notification-icon{color:var(--success)}.notification-toast.error .notification-icon{color:var(--danger)}.notification-toast.info .notification-icon{color:var(--primary)}.notification-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:var(--text-dark)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hidden-mobile{display:inherit}.visible-mobile{display:none}@media(max-width:768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}.visible-mobile-flex{display:flex!important}h1{font-size:28px}.navbar{height:60px}.card{padding:20px;border-radius:0;border-left:none;border-right:none}.form-group{margin-bottom:20px}.form-input{padding:12px;font-size:16px}}.mobile-menu-overlay{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column;animation:slideInLeft .3s ease-out}.mobile-menu-header{height:60px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.mobile-menu-content{padding:20px;display:flex;flex-direction:column;gap:15px}.mobile-menu-item{display:flex;align-items:center;gap:15px;padding:15px;border-radius:8px;background:#f8f9fa;text-decoration:none;color:var(--text-dark);font-weight:500}@keyframes slideInLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}