:root{--navy: #06111f;--navy-2: #08243f;--blue: #0878ff;--blue-dark: #055fcb;--text: #0b1320;--muted: #5e6b7a;--line: #e4e9f0;--soft: #f7f9fc;--white: #ffffff}*{box-sizing:border-box}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.section{width:min(1160px,calc(100% - 44px));margin:0 auto;padding:42px 0 54px}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px;min-height:76px;padding:0 clamp(24px,6vw,86px);color:var(--white);background:#030b16}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo-mark{width:42px;height:42px;display:flex;justify-content:center;align-items:center;border:3px solid #0878ff;border-radius:10px;color:#0878ff;font-weight:700;font-size:20px}.logo-text{display:flex;flex-direction:column}.logo-text strong{font-size:22px}.logo-text small{color:#ffffffb3;font-size:12px}.nav{display:flex;gap:30px}.nav a{color:#fff;font-weight:500}.nav a:hover{color:#0878ff}.top-cta{background:#0878ff;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600}.top-cta:hover{background:#055fcb}.mobile-menu{display:none}@media (max-width: 768px){.topbar{grid-template-columns:1fr auto;padding:0 16px;overflow:visible}.logo{gap:8px}.logo-mark{width:36px;height:36px;font-size:18px}.logo-text strong{font-size:18px}.logo-text small{font-size:10px}.nav{display:none}.nav.active{display:flex;flex-direction:column;position:fixed;top:76px;left:0;right:0;background:#030b16;padding:20px;gap:18px;z-index:999}.nav.active a{color:#fff;font-size:16px}.top-cta{display:none}.mobile-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;font-size:28px;cursor:pointer}}.hero{position:relative;min-height:468px;margin-top:76px;display:grid;align-items:center;overflow:hidden;color:var(--white)}.hero-image,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#030b16f5,#041221d1 42%,#0412213d),linear-gradient(0deg,#030b1680,#030b1614)}.hero-inner{position:relative;width:min(1160px,calc(100% - 44px));margin:0 auto;padding:58px 0}.hero h1{max-width:620px;margin:0 0 26px;font-size:clamp(40px,5vw,56px);line-height:1.16}.hero p{max-width:570px;margin:0;color:#ffffffe6;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:52px;border-radius:10px;font-weight:600;transition:.3s}.btn-blue{background:#0878ff;color:#fff;padding:10px;margin-right:15px}.btn-blue:hover{background:#055fcb}.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:#ffffff14}.stats{background:#f8fafc;padding:70px 0}.stats .container{width:min(1160px,calc(100% - 40px));margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{background:#fff;border:1px solid #edf1f6;border-radius:16px;padding:32px;text-align:center;transition:.3s}.stat-card:hover{transform:translateY(-6px)}.stat-card h3{font-size:42px;color:var(--blue);margin-bottom:10px}.stat-card p{color:var(--muted)}@media (max-width:768px){.stats{padding:40px 16px}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px}.stat-card{width:100%;height:auto;padding:24px}}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.service-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:40px 30px;text-align:center;transition:.3s ease;box-shadow:0 10px 25px #0000000d}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.service-icon{font-size:48px;color:var(--blue);margin-bottom:20px}.service-card h3{font-size:24px;margin-bottom:15px;color:#08111f}.service-card p{font-size:16px;line-height:1.8;color:#667085}@media (max-width: 1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.service-grid{grid-template-columns:1fr}}.packages{background:#fff;padding:30px 0 60px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.price-card{background:#fff;border:1px solid #e8eef5;border-radius:16px;padding:28px 24px;position:relative;box-shadow:0 8px 20px #0000000a;transition:.3s}.price-card:hover{transform:translateY(-5px)}.price-card.highlighted{border:2px solid var(--blue)}.package-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;border-radius:50%;background:#0878ff14;color:var(--blue);font-size:26px}.price-card h3{font-size:22px;text-align:center;margin-bottom:8px}.audience{text-align:center;font-size:14px;color:var(--muted);margin-bottom:20px}.price{display:flex;justify-content:center;align-items:flex-start;margin:20px 0}.price strong{font-size:48px;line-height:1}.price sup{font-size:18px}.price small{margin-left:5px;color:var(--muted)}.price-card ul{padding:0;margin:20px 0;list-style:none}.price-card li{position:relative;padding-left:22px;margin-bottom:10px;font-size:15px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}.btn-package{width:100%;height:46px;display:flex;justify-content:center;align-items:center;border-radius:10px;background:var(--blue);color:#fff;font-size:15px;font-weight:600}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700}.projects{background:#fff;padding:70px 0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.project-card{background:#fff;border:1px solid #e8eef5;border-radius:18px;padding:30px;text-align:center;transition:.3s;box-shadow:0 8px 20px #0000000a}.project-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #00000014}.project-icon{width:65px;height:65px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#0878ff14;color:var(--blue);font-size:28px}.project-card h3{font-size:22px;margin-bottom:12px}.project-card p{color:var(--muted);line-height:1.7}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-grid{grid-template-columns:1fr}}.testimonials{padding:80px 0;background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.testimonial-card{background:#fff;border:1px solid #e8eef5;border-radius:20px;padding:30px;transition:.3s;box-shadow:0 8px 20px #0000000a}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #00000014}.stars{display:flex;gap:5px;color:#fbbf24;margin-bottom:20px}.testimonial-text{color:var(--muted);line-height:1.8;margin-bottom:25px}.testimonial-user{display:flex;align-items:center;gap:14px}.avatar{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#0878ff1a;color:var(--blue);font-weight:700}.testimonial-user strong{display:block}.testimonial-user span{color:var(--muted);font-size:14px}@media (max-width:900px){.testimonial-grid{grid-template-columns:1fr}}.footer{background:#071526;color:#fff;margin-top:100px}.footer-top{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:40px;padding:80px 20px}.footer-company h2{font-size:34px;margin-bottom:15px}.footer-company p{color:#ffffffbf;line-height:1.8}.footer h4{margin-bottom:20px;font-size:18px}.footer ul{list-style:none;padding:0;margin:0}.footer li{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#fffc}.footer a{color:#ffffffbf;transition:.3s}.footer a:hover{color:#0878ff}.footer-socials{display:flex;gap:14px;margin-top:25px}.footer-socials a{width:42px;height:42px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ffffff14;color:#fff;transition:.3s}.footer-socials a:hover{background:var(--blue);transform:translateY(-3px)}.footer-socials{display:flex;gap:12px;margin-top:20px}.footer-socials a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:10px;color:#fff}.footer-socials a:hover{background:#0878ff}.footer-form{max-width:1200px;margin:auto;padding:0 20px 50px}.footer-bottom{padding:25px 5px 5px;font-size:13px;font-family:Times New Roman,Times,serif;border-top:1px solid rgba(255,255,255,.08);color:#ffffff8c;margin-top:50px;text-align:center}@media (max-width:900px){.footer-top{grid-template-columns:1fr}}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:20px}.logof-mark{width:46px;height:46px;display:flex;justify-content:center;align-items:center;border:3px solid var(--blue);border-radius:12px;color:var(--blue);font-size:26px;font-weight:800}.logof-text{display:flex;flex-direction:column}.logof-text strong{color:#fff;font-size:20px;line-height:1}.logof-text small{color:#ffffffb3;font-size:13px;margin-top:4px}@media (max-width:992px){.footer-top{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-top{grid-template-columns:1fr;gap:30px}}.mobile-menu,.mobile-cta{display:none}body,#root{overflow-x:hidden}@media (max-width:1024px){.stats-grid,.service-grid,.package-grid,.project-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){html,body,#root{overflow-x:hidden;width:100%}.topbar{grid-template-columns:auto auto auto;gap:10px}.logo{gap:8px}.logo-mark{width:36px;height:36px;font-size:18px}.logo-text strong{font-size:18px}.logo-text small{font-size:10px}.top-cta{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:12px;white-space:nowrap}.mobile-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;font-size:28px;cursor:pointer}.nav{display:none}.nav.active{display:flex;flex-direction:column;gap:18px;position:fixed;top:76px;left:0;right:0;padding:24px;background:#030b16;z-index:999}.nav.active a{color:#fff;font-size:16px}.hero{min-height:520px;margin-top:76px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-inner{width:100%;padding:0 24px}.hero h1{font-size:32px;line-height:1.15}.hero p{font-size:18px;line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.hero-actions a{width:100%;justify-content:center}.stats{padding:40px 16px}.stats-grid{grid-template-columns:1fr!important;gap:16px}.stat-card{width:100%;padding:24px}.service-grid,.package-grid{grid-template-columns:1fr}.price-card{padding:28px}.project-grid,.testimonial-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;gap:30px}.why-image{order:-1}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:auto}}@media (max-width:480px){.hero h1{font-size:28px}.hero p{font-size:16px}.price strong{font-size:42px}}.section-title{text-align:center;margin-bottom:25px}.section-title h2{font-size:36px;margin:0}.section-title span{width:60px;height:4px;background:var(--blue);display:block;margin:12px auto 0;border-radius:999px}.why-section{padding:5px 0;background:#fff}.why-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.why-image img{width:100%;border-radius:24px;box-shadow:0 20px 50px #00000014}.why-content{display:flex;flex-direction:column;gap:22px}.why-card{display:flex;gap:18px;padding:24px;background:#fff;border:1px solid #edf1f6;border-radius:18px;transition:.3s;box-shadow:0 8px 20px #0000000a}.why-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014}.why-icon{font-size:28px;color:var(--blue);min-width:28px}.why-card h3{margin:0 0 8px;font-size:20px}.why-card p{margin:0;color:var(--muted);line-height:1.7}@media (max-width:900px){.why-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;border:1px solid #d9e3ef;border-radius:12px;font-size:16px;outline:none;transition:.3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0878ff;box-shadow:0 0 0 4px #0878ff26}.contact-form textarea{min-height:180px;resize:none}.contact-btn{height:56px;border:none;border-radius:12px;background:#0878ff;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.contact-btn:hover{background:#0667d9}.form-success{color:#16a34a;font-weight:600}.form-error{color:#dc2626;font-weight:600}@media (max-width:900px){.contact-grid,.form-row{grid-template-columns:1fr}.contact-header h1{font-size:40px}}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-btn{width:100%}}.page-section{width:min(1200px,calc(100% - 40px));margin:140px auto 80px}.page-hero{text-align:center;margin-bottom:50px}.page-hero h1{font-size:56px;margin-bottom:16px}.page-hero p{color:#64748b;font-size:18px}.feature-grid,.hosting-pricing,.tld-grid,.domain-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card,.hosting-card,.tld-card,.benefit-card{background:#fff;border:1px solid #edf1f6;border-radius:20px;padding:30px;text-align:center;margin-bottom:20px;transition:.3s}.feature-card:hover,.hosting-card:hover,.tld-card:hover,.benefit-card:hover{transform:translateY(-8px)}.feature-card svg{font-size:42px;color:#0878ff;margin-bottom:20px}.hosting-price{font-size:42px;font-weight:700;color:#0878ff;margin:20px 0}.hosting-card ul{list-style:none;padding:0;margin:25px 0}.hosting-card li{margin-bottom:12px}.hosting-card button{width:100%;height:48px;border:none;border-radius:12px;background:#0878ff;color:#fff}.featured{border:2px solid #0878ff}.domain-search{display:flex;gap:16px;margin-bottom:40px}.domain-search input{flex:1;height:58px;border:1px solid #dbe3ee;border-radius:12px;padding:0 20px}.domain-search button{width:220px;border:none;border-radius:12px;background:#0878ff;color:#fff}.tld-card strong{display:block;font-size:32px;color:#0878ff}.tld-card span{color:#64748b}@media (max-width:768px){.page-hero h1{font-size:38px}.domain-search{flex-direction:column}.domain-search button{width:100%}}.warum-section{width:min(1200px,calc(100% - 40px));margin:120px auto}.warum-hero{text-align:center;max-width:900px;margin:0 auto 80px}.warum-badge{display:inline-block;padding:10px 18px;background:#eaf3ff;color:#0878ff;border-radius:999px;font-weight:700;margin-bottom:20px}.warum-hero h1{font-size:60px;line-height:1.1;margin-bottom:25px;color:#081223}.warum-hero p{font-size:20px;color:#64748b;line-height:1.8}.warum-about{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:80px}.warum-about-left,.warum-info{background:#fff;border:1px solid #edf1f6;border-radius:24px;padding:40px;box-shadow:0 10px 30px #0000000d}.warum-about-left h2{font-size:34px;margin-bottom:20px}.warum-about-left p{color:#64748b;line-height:1.8;margin-bottom:15px}.warum-list{list-style:none;margin-top:25px}.warum-list li{display:flex;gap:10px;margin-bottom:14px;font-weight:600}.warum-list svg{color:#0878ff}.warum-about-right{display:grid;gap:20px}.warum-info svg{color:#0878ff;font-size:42px;margin-bottom:15px}.warum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:80px}.warum-card{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #edf1f6;border-radius:24px;padding:35px;transition:.3s;box-shadow:0 10px 30px #0000000a}.warum-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.warum-icon{flex-shrink:0;width:75px;height:75px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#0878ff;color:#fff;font-size:30px}.warum-content{flex:1}.warum-content h3{margin-bottom:10px;font-size:28px;color:#081223}.warum-content p{color:#64748b;line-height:1.7}.warum-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px}.warum-stat{background:#fff;border-radius:22px;padding:35px;text-align:center;border:1px solid #edf1f6}.warum-stat h3{font-size:48px;color:#0878ff}.warum-stat p{margin-top:10px;color:#64748b}.warum-cta{text-align:center;padding:80px 40px;border-radius:30px;background:linear-gradient(135deg,#031221,#0b2648);color:#fff}.warum-cta-icon{font-size:60px;margin-bottom:20px;color:#2d8cff}.warum-cta h2{font-size:42px;margin-bottom:15px}.warum-cta p{max-width:700px;margin:0 auto 30px;color:#fffc;line-height:1.8}.warum-btn{display:inline-block;padding:16px 30px;border-radius:12px;background:#0878ff;color:#fff;font-weight:700}.warum-btn:hover{background:#0667d9}@media (max-width:992px){.warum-about{grid-template-columns:1fr}.warum-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.warum-section{margin:80px auto}.warum-hero h1{font-size:38px}.warum-grid,.warum-stats{grid-template-columns:1fr}.warum-cta h2{font-size:30px}}.founder-section{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto 100px}.founder-image{width:100%;border-radius:24px;display:block;box-shadow:0 25px 60px #00000026}.ceo{text-align:center;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:20px;font-weight:700;color:#a9a9a9}.ceo-p{text-align:center;color:#a9a9a9}.founder-badge{display:inline-block;padding:10px 18px;background:#eaf3ff;color:#0878ff;border-radius:999px;font-weight:700;margin-bottom:20px}.founder-content h2{font-size:48px;color:#081223;margin-bottom:24px}.founder-content p{color:#64748b;font-size:18px;line-height:1.9;margin-bottom:20px}@media (max-width: 992px){.founder-section{display:flex!important;flex-direction:column!important;align-items:center;gap:30px}.founder-image-box{width:100%;max-width:300px;margin:0 auto}.founder-content{width:100%;text-align:left}.founder-content p{font-size:16px;line-height:1.7}}.contact-section{width:min(1200px,calc(100% - 40px));margin:120px auto}.contact-header{text-align:center;max-width:800px;margin:0 auto 70px}.contact-badge{display:inline-block;padding:10px 18px;border-radius:999px;background:#eaf3ff;color:#0878ff;font-weight:700;margin-bottom:20px}.contact-header h1{font-size:56px;margin-bottom:20px;color:#081223}.contact-header p{font-size:18px;color:#64748b;line-height:1.8}.contact-grid{display:grid;grid-template-columns:380px 1fr;gap:40px}.contact-info{display:grid;gap:20px}.contact-card{display:flex;gap:20px;align-items:center;background:#fff;padding:25px;border-radius:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000a}.contact-card svg{font-size:24px;color:#0878ff}.contact-card h3{margin-bottom:5px;color:#081223}.contact-card p{color:#64748b}.contact-form-box{background:#fff;padding:35px;border-radius:24px;border:1px solid #edf1f6;box-shadow:0 20px 50px #0000000d}@media (max-width: 900px){.contact-section{width:calc(100% - 30px);margin:70px auto}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-header{margin-bottom:40px}.contact-header h1{font-size:34px;line-height:1.2}.contact-header p{font-size:16px}.contact-form-box{padding:20px}.contact-card{padding:18px;gap:15px}}.login-page{width:min(1200px,calc(100% - 40px));margin:120px auto}.login-header{text-align:center;max-width:700px;margin:0 auto 70px}.login-badge{display:inline-block;padding:10px 18px;border-radius:999px;background:#eaf3ff;color:#0878ff;font-weight:700;margin-bottom:20px}.login-header h1{font-size:54px;color:#081223;margin-bottom:20px}.login-header p{color:#64748b;line-height:1.8;font-size:18px}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.login-card,.portal-card{background:#fff;border-radius:24px;padding:40px;border:1px solid #edf1f6;box-shadow:0 20px 50px #0000000d}.login-card h2{margin-bottom:25px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form input{height:58px;padding:0 18px;border:1px solid #dbe4ee;border-radius:12px;font-size:16px}.login-form input:focus{outline:none;border-color:#0878ff}.login-form button{height:58px;border:none;border-radius:12px;background:#0878ff;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.login-links{margin-top:20px;display:flex;justify-content:space-between}.login-links a{color:#0878ff}.portal-card h3{margin-bottom:25px}.portal-item{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #edf1f6;font-weight:600}.portal-item svg{color:#0878ff;font-size:20px}@media (max-width:900px){.login-grid{grid-template-columns:1fr}.login-header h1{font-size:38px}}.dashboard{display:grid;grid-template-columns:260px 1fr;width:min(1400px,calc(100% - 40px));margin:120px auto 80px}.dashboard-sidebar{background:#031221;color:#fff;border-radius:24px;padding:30px;height:fit-content;position:sticky;top:100px}.dashboard-sidebar h2{margin-bottom:40px}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:12px}.dashboard-sidebar a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;transition:.3s}.dashboard-sidebar a:hover{background:#0878ff}.dashboard-content{background:#f8fafc;padding:0 0 0 30px}.dashboard-content h1{margin-top:0;margin-bottom:40px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.dash-card{background:#fff;border-radius:20px;padding:25px;border:1px solid #edf1f6;box-shadow:0 10px 25px #0000000d}.dash-card:hover{transform:translateY(-5px)}.dash-card h3{color:#0878ff;font-size:42px;margin-bottom:10px}.dashboard-table{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0000000d}.dashboard-table table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:16px;text-align:left;border-bottom:1px solid #edf1f6}.dashboard-table th{color:#081223}@media (max-width:1000px){.dashboard,.dashboard-cards{grid-template-columns:1fr}}@media (max-width:992px){.dashboard{grid-template-columns:1fr;margin:100px auto 50px}.dashboard-sidebar{position:static;margin-bottom:25px}.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-cards{grid-template-columns:1fr}.dashboard-content{padding:0}}.dashboard-sidebar button{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:none;color:#fff;border-radius:12px;cursor:pointer;font-size:16px;text-align:left;transition:.3s}.dashboard-sidebar button:hover{background:#0878ff}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.dashboard-welcome h1{font-size:38px;color:#081223;margin-bottom:10px}.dashboard-welcome p{color:#64748b;line-height:1.8;max-width:700px}.customer-badge{background:#dcfce7;color:#15803d;padding:12px 18px;border-radius:999px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:35px}.dashboard-box{background:#fff;border-radius:20px;padding:30px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.dashboard-box h2{margin-bottom:20px;color:#081223}.service-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f6}.status-active{background:#dcfce7;color:#15803d;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.quick-btn{width:100%;border:none;background:#f8fafc;padding:14px;border-radius:12px;margin-bottom:12px;cursor:pointer;font-weight:600;transition:.3s}.quick-btn:hover{background:#0878ff;color:#fff}.quick-btn:last-child{margin-bottom:0}@media (max-width:900px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-welcome h1{font-size:30px}.dashboard-box{padding:24px}}.hosting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.hosting-header h1{margin-bottom:10px}.hosting-header p{color:#64748b}.hosting-btn{border:none;background:#0878ff;color:#fff;padding:14px 22px;border-radius:12px;cursor:pointer;font-weight:600}.hosting-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:35px}.hosting-card,.hosting-info-card{background:#fff;border-radius:20px;padding:30px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.hosting-top{display:flex;align-items:center;gap:16px;margin-bottom:25px}.hosting-top svg{font-size:32px;color:#0878ff}.resource{margin-bottom:20px}.resource span{display:block;margin-bottom:8px;font-weight:600}.resource small{color:#64748b}.progress{height:10px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress span{display:block;height:100%;background:#0878ff;border-radius:999px}.hosting-info-card{text-align:center}.hosting-info-card svg{font-size:36px;color:#0878ff;margin-bottom:15px}.hosting-info-card h3{margin-bottom:10px}.hosting-info-card p{color:#64748b;margin-bottom:15px}@media (max-width:1200px){.hosting-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hosting-grid{grid-template-columns:1fr}.hosting-header{flex-direction:column;align-items:flex-start;gap:20px}}.domains-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.domains-header p{color:#64748b}.domains-btn{border:none;background:#0878ff;color:#fff;padding:14px 22px;border-radius:12px;cursor:pointer;font-weight:600}.domains-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:35px}.domain-card{background:#fff;border-radius:20px;padding:30px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.domain-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.domain-top svg{font-size:32px;color:#0878ff}.domain-top p{color:#64748b}.domain-status{display:inline-block;background:#dcfce7;color:#15803d;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:20px}.domain-actions{display:flex;gap:12px;flex-wrap:wrap}.domain-actions button{display:flex;align-items:center;gap:8px;border:none;background:#f8fafc;padding:12px 16px;border-radius:12px;cursor:pointer;transition:.3s}.domain-actions button:hover{background:#0878ff;color:#fff}@media (max-width:900px){.domains-grid{grid-template-columns:1fr}.domains-header{flex-direction:column;align-items:flex-start;gap:20px}}.invoice-header{margin-bottom:35px}.invoice-header p{color:#64748b}.invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:35px}.invoice-stat-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.invoice-stat-card h3{font-size:32px;color:#0878ff;margin-bottom:10px}.invoice-card{background:#fff;padding:25px;border-radius:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.invoice-card p{color:#64748b}.invoice-actions{display:flex;gap:12px}.invoice-actions button{border:none;background:#f8fafc;padding:12px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px}.invoice-pay{background:#0878ff!important;color:#fff}@media (max-width:900px){.invoice-stats{grid-template-columns:1fr}.invoice-card{flex-direction:column;align-items:flex-start}}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.tickets-header p{color:#64748b}.new-ticket-btn{border:none;background:#0878ff;color:#fff;padding:14px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600}.ticket-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:35px}.ticket-stat-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.ticket-stat-card h3{color:#0878ff;font-size:32px;margin-bottom:10px}.ticket-card{background:#fff;padding:24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.ticket-left{display:flex;align-items:center;gap:16px}.ticket-left svg{font-size:26px;color:#0878ff}.ticket-left p{color:#64748b}.priority-normal{background:#dbeafe;color:#1d4ed8;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.priority-high{background:#fee2e2;color:#dc2626;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.status-open{background:#fef3c7;color:#b45309;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.status-answer{background:#dcfce7;color:#15803d;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}@media (max-width:900px){.ticket-stats{grid-template-columns:1fr}.ticket-card,.tickets-header{flex-direction:column;align-items:flex-start;gap:20px}}.profile-header{margin-bottom:30px}.profile-header p{color:#64748b}.profile-top-card{background:#fff;border-radius:24px;padding:35px;display:flex;align-items:center;gap:25px;margin-bottom:35px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d}.profile-avatar{width:90px;height:90px;border-radius:50%;background:#0878ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700}.profile-status{display:inline-block;margin-top:10px;background:#dcfce7;color:#15803d;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.profile-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #edf1f6;box-shadow:0 10px 30px #0000000d;transition:.3s}.profile-card:hover{transform:translateY(-4px)}.profile-card svg{font-size:28px;color:#0878ff;margin-bottom:15px}.profile-card h3{margin-bottom:12px}.profile-card p{color:#64748b;margin-bottom:8px}.profile-card button{margin-top:15px;border:none;background:#0878ff;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer}@media (max-width:1200px){.profile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-top-card{flex-direction:column;text-align:center}.profile-grid{grid-template-columns:1fr}}.profile-card p{font-size:16px;font-weight:600;color:#081223}.profile-card h3{color:#64748b;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.ticket-card{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d}.ticket-left{display:flex;align-items:center;gap:20px}.ticket-left svg{font-size:28px;color:#1677ff}.ticket-badges{display:flex;gap:12px}.priority-badge,.status-badge{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600}.priority-badge.low{background:#eef7ff;color:#1677ff}.priority-badge.medium{background:#fff4d6;color:#d48806}.priority-badge.high{background:#fff1f0;color:#ff4d4f}.status-badge.open{background:#fff7e6;color:#d48806}.status-badge.answered{background:#f6ffed;color:#52c41a}.status-badge.closed{background:#f5f5f5;color:#595959}.ticket-create-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000d}.ticket-create-card h1{font-size:42px;margin-bottom:10px}.ticket-create-card p{color:#667085;margin-bottom:35px}.ticket-form{display:flex;flex-direction:column;gap:20px}.ticket-form input,.ticket-form textarea,.ticket-form select{width:100%;padding:14px 18px;border:1px solid #d0d5dd;border-radius:12px;font-size:15px;outline:none;transition:.2s}.ticket-form input:focus,.ticket-form textarea:focus,.ticket-form select:focus{border-color:#1677ff}.ticket-form textarea{min-height:180px;resize:vertical}.ticket-submit-btn{width:fit-content;background:#1677ff;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.ticket-submit-btn:hover{transform:translateY(-2px)}.ticket-form-row{display:grid;grid-template-columns:1fr 200px;gap:20px}.legal-content{max-width:900px;margin:0 auto;line-height:1.8}.legal-content h2{margin-top:35px}.legal-content h3{margin-top:25px}.legal-content ul{margin-left:20px}.legal-content li{margin-bottom:10px}