.skip-link{position:absolute;left:-999px;top:8px;background:#1A1A2A;color:#fff;padding:.7rem 1rem;border-radius:8px;z-index:9999}.skip-link:focus{left:8px;color:#fff}
:root{
  --fx-coral:#EA8064; --fx-blue:#53B7D1; --fx-navy:#1A1A2A; --fx-peach:#FEF6F2; --fx-peach-2:#FFEFE8; --fx-muted:#5A5A6E; --fx-soft:#FCF9F7; --fx-border:#F3EFEC;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fx-navy);background:#fff;line-height:1.65;overflow-x:hidden}.heading-font,h1,h2,h3,h4,h5,.navbar-brand{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}.text-coral{color:var(--fx-coral)!important}.text-blue{color:var(--fx-blue)!important}.bg-peach{background:linear-gradient(135deg,var(--fx-peach),var(--fx-peach-2))}.bg-navy{background:var(--fx-navy)!important}.btn-coral{background:var(--fx-coral);border-color:var(--fx-coral);color:#fff;border-radius:50rem;font-weight:800;padding:.85rem 1.45rem;box-shadow:0 12px 28px rgba(234,128,100,.24)}.btn-coral:hover{background:#d96f53;border-color:#d96f53;color:#fff;transform:translateY(-2px)}.btn-blue{background:var(--fx-blue);border-color:var(--fx-blue);color:#fff;border-radius:50rem;font-weight:800;padding:.85rem 1.45rem}.btn-blue:hover{background:#3fa9c5;color:#fff}.btn-outline-coral{border:2px solid var(--fx-coral);color:var(--fx-coral);border-radius:50rem;font-weight:800;padding:.78rem 1.35rem}.btn-outline-coral:hover{background:var(--fx-coral);color:#fff}.top-bar{background:var(--fx-coral);color:#fff;font-size:.9rem}.top-bar a{color:#fff;text-decoration:none}.top-pill{background:var(--fx-blue);border-radius:50rem;padding:.38rem .85rem;font-weight:800}.navbar{box-shadow:0 10px 24px rgba(26,26,42,.06)}.navbar-brand .logo-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--fx-coral),var(--fx-blue));display:inline-grid;place-items:center;color:#fff;margin-right:.6rem;box-shadow:0 10px 24px rgba(234,128,100,.25)}.nav-link{font-weight:750;color:var(--fx-navy)!important}.nav-link.active,.nav-link:hover{color:var(--fx-coral)!important}.hero{position:relative;padding:95px 0 80px;overflow:hidden}.hero:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(83,183,209,.15)}.hero:after{content:"";position:absolute;left:-110px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:rgba(234,128,100,.14)}.hero-card{border-radius:34px;background:#fff;box-shadow:0 28px 70px rgba(26,26,42,.12);border:1px solid rgba(234,128,100,.15);overflow:hidden}.hero-visual{min-height:420px;background:radial-gradient(circle at top left,rgba(83,183,209,.3),transparent 35%),linear-gradient(135deg,#fff,#fff4ef);position:relative}.hero-visual .lab-card{position:absolute;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(26,26,42,.12);padding:18px}.lab-card.one{left:24px;top:26px}.lab-card.two{right:26px;top:112px}.lab-card.three{left:70px;bottom:46px}.circle-icon{width:56px;height:56px;border-radius:18px;background:#FEF2EE;display:grid;place-items:center;color:var(--fx-coral);font-size:1.45rem}.section-pad{padding:82px 0}.section-title{font-size:clamp(2rem,4vw,3rem)}.section-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--fx-coral);background:#fff3ef;border:1px solid #ffe1d8;border-radius:50rem;font-weight:800;padding:.35rem .8rem;margin-bottom:1rem}.service-card,.project-card,.pricing-card,.blog-card,.admin-card{border:1px solid var(--fx-border);border-radius:28px;background:#fff;box-shadow:0 16px 35px rgba(26,26,42,.05);transition:.25s;height:100%}.service-card:hover,.project-card:hover,.pricing-card:hover,.blog-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(234,128,100,.16);border-color:rgba(234,128,100,.45)}.service-icon{width:72px;height:72px;border-radius:24px;background:#FEF2EE;color:var(--fx-coral);display:grid;place-items:center;font-size:1.8rem;margin-bottom:1.1rem}.process-step{width:56px;height:56px;border-radius:50%;background:var(--fx-coral);color:#fff;font-weight:900;font-size:1.4rem;display:grid;place-items:center;box-shadow:0 10px 22px rgba(234,128,100,.25)}.stat-box{border-radius:24px;background:#fff;border:1px solid var(--fx-border);padding:22px;text-align:center}.stat-box strong{font-size:2rem;color:var(--fx-coral);font-family:'Plus Jakarta Sans'}.price{font-size:2.4rem;color:var(--fx-coral);font-weight:900;font-family:'Plus Jakarta Sans'}.feature-list{list-style:none;padding-left:0;margin:0}.feature-list li{margin:.6rem 0;display:flex;gap:.6rem}.feature-list i{color:var(--fx-coral);margin-top:.25rem}.cta-band{border-radius:38px;background:linear-gradient(110deg,var(--fx-navy),#2A2A3C);color:#fff;padding:50px}.form-control,.form-select{border-radius:16px;border:1px solid #e9e4e1;padding:.85rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--fx-coral);box-shadow:0 0 0 .2rem rgba(234,128,100,.16)}.footer{background:var(--fx-navy);color:#CBCBD4}.footer a{color:#CBCBD4;text-decoration:none}.footer a:hover{color:var(--fx-coral)}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;z-index:1040;display:grid;place-items:center;text-decoration:none;font-size:1.8rem;box-shadow:0 12px 25px rgba(0,0,0,.22)}.page-header{padding:80px 0;background:linear-gradient(135deg,var(--fx-peach),var(--fx-peach-2))}.breadcrumb a{color:var(--fx-coral);text-decoration:none}.dashboard-sidebar{min-height:100vh;background:var(--fx-navy);color:#fff}.dashboard-sidebar a{color:#d9d9e2;text-decoration:none;display:block;padding:.8rem 1rem;border-radius:14px;margin:.25rem 0}.dashboard-sidebar a:hover,.dashboard-sidebar a.active{background:rgba(234,128,100,.18);color:#fff}.table{vertical-align:middle}.badge-coral{background:#fff1ed;color:var(--fx-coral);border:1px solid #ffd5ca}.payment-card{border:1px solid var(--fx-border);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(26,26,42,.08)}@media(max-width:991.98px){.hero{padding:60px 0}.hero-visual{min-height:320px}.cta-band{padding:32px;border-radius:26px}.dashboard-sidebar{min-height:auto}.top-bar .container{justify-content:center!important}.display-4{font-size:2.4rem}}@media(max-width:575.98px){.btn-coral,.btn-outline-coral,.btn-blue{width:100%;text-align:center}.hero-card{border-radius:24px}.section-pad{padding:58px 0}.lab-card.two{display:none}.lab-card.three{left:20px}.navbar-brand{font-size:1rem}.navbar-brand .logo-mark{width:42px;height:42px}}

/* Improved Admin Panel */
.admin-shell{background:#f7f4f1;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1A1A2A 0%,#26263a 100%);min-height:100vh;position:sticky;top:0}.admin-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;font-weight:900;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.15rem}.admin-brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--fx-coral),var(--fx-blue));display:grid;place-items:center;color:#fff}.admin-menu a{color:#d9d9e2;text-decoration:none;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:16px;margin:.25rem 0;font-weight:700}.admin-menu a:hover,.admin-menu a.active{background:rgba(234,128,100,.18);color:#fff}.admin-topbar{background:#fff;border:1px solid var(--fx-border);border-radius:24px;padding:18px 22px;box-shadow:0 12px 28px rgba(26,26,42,.04)}.admin-stat{border:1px solid var(--fx-border);border-radius:26px;background:#fff;padding:22px;box-shadow:0 15px 35px rgba(26,26,42,.05);height:100%}.admin-stat .icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff2ee;color:var(--fx-coral);font-size:1.35rem}.admin-stat h3{font-size:2rem;margin:0}.message-preview{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.status-new{background:#0d6efd}.status-read{background:#0dcaf0}.status-replied{background:#198754}.status-closed{background:#6c757d}.reply-box{background:#fff;border:1px solid var(--fx-border);border-radius:24px;padding:22px}.client-card{background:linear-gradient(135deg,#fff,#fff7f4);border:1px solid #ffe2d9;border-radius:26px;padding:24px}@media(max-width:991.98px){.admin-sidebar{position:relative;min-height:auto}.admin-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.admin-menu a{font-size:.9rem}.admin-topbar{border-radius:18px}}@media(max-width:575.98px){.admin-menu{grid-template-columns:1fr}.message-preview{max-width:160px}}
