:root{--primary:#0969da;--dark:#102a43;--text:#52606d;--light:#f6faff;--border:#dfe8f2;--soft:#eaf4ff;--shadow:0 15px 40px rgba(16,42,67,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.7}h1,h2,h3,h4,h5{color:var(--dark);font-weight:700}a{text-decoration:none}.navbar{min-height:76px;z-index:1000}.navbar-brand{color:var(--dark);font-size:1.05rem}.navbar-brand b{color:var(--primary)}.brand-icon{display:inline-flex;width:36px;height:36px;border-radius:10px;background:var(--primary);color:#fff;align-items:center;justify-content:center;margin-right:7px}.nav-link{color:var(--dark);font-weight:500;margin:0 4px}.nav-link:hover,.nav-link.active{color:var(--primary)}.btn-primary-custom{background:var(--primary);border:2px solid var(--primary);color:#fff;border-radius:10px;padding:10px 20px;font-weight:600}.btn-primary-custom:hover{background:#0754b5;border-color:#0754b5;color:#fff}.btn-outline-custom{border:2px solid var(--primary);color:var(--primary);border-radius:10px;padding:10px 20px;font-weight:600}.btn-outline-custom:hover{background:var(--primary);color:#fff}.section{padding:95px 0}.bg-soft{background:var(--light)}
.hero{padding-top:76px;background:linear-gradient(135deg,#fff,#f0f7ff);overflow:hidden}.hero h1{font-size:clamp(3.4rem,7vw,6rem);line-height:.95;letter-spacing:-3px}.hero h1 span{color:var(--primary)}.hero .lead{max-width:600px;margin:25px 0}.eyebrow,.page-header>div>span,.section-title>span,.price-banner>div>div>span{color:var(--primary);font-weight:800;letter-spacing:2px;font-size:.76rem}.price-highlight{display:flex;flex-direction:column;margin-bottom:25px}.price-highlight strong{font-size:2.3rem;color:var(--primary)}.price-highlight em{font-style:normal;font-size:1rem;color:var(--text)}.quick-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.quick-points i{color:var(--primary)}.hero-art{height:500px;display:flex;align-items:center;justify-content:center}.art-card{position:relative;width:330px;height:380px;border-radius:30px;background:linear-gradient(145deg,#fff,#e6f2ff);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.art-icon{width:90px;height:90px;border-radius:25px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:20px}.art-card h2{margin:0}.art-card h5{color:var(--primary);letter-spacing:4px}.art-card hr{width:80px;color:var(--primary)}.art-card p{font-weight:700;letter-spacing:2px;font-size:.75rem}.bubble{position:absolute;width:55px;height:55px;border-radius:16px;background:#fff;color:var(--primary);box-shadow:0 8px 20px rgba(16,42,67,.1);display:flex;align-items:center;justify-content:center}.b1{top:35px;left:-25px}.b2{right:-25px;top:130px}.b3{bottom:35px;left:-20px}.section-title{max-width:700px;margin:auto}.section-title:not(.text-center){margin-left:0}.section-title h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.section-title h2 b{color:var(--primary)}.info-card,.service-card,.detail-card,.step,.testimonial,.contact-card,.calculator-card,.order-form-card,.tracking-card,.admin-table-card{background:#fff;border:1px solid var(--border);border-radius:16px}.info-card{padding:30px;height:100%;transition:.3s}.info-card:hover,.service-card:hover,.detail-card:hover,.step:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.info-card>i,.service-card>i,.detail-card>i{display:flex;width:60px;height:60px;background:var(--soft);color:var(--primary);border-radius:16px;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:20px}.info-card p,.service-card p,.detail-card p{font-size:.92rem}.service-card{padding:32px;height:100%;transition:.3s}.service-card.featured{background:var(--primary);color:#fff;border-color:var(--primary)}.service-card.featured h4,.service-card.featured p,.service-card.featured a{color:#fff}.service-card a{color:var(--primary);font-weight:700}.price-banner,.cta{padding:85px 0;background:linear-gradient(135deg,#0754b5,#0969da);color:#fff}.price-banner h2,.price-banner p{color:#fff}.price-banner h2{font-size:clamp(2rem,4vw,3.2rem)}.price-banner h2 strong{display:block}.mini-price{background:#fff;color:var(--dark);border-radius:24px;padding:35px;text-align:center;box-shadow:var(--shadow)}.mini-price small{display:block;letter-spacing:2px}.mini-price strong{font-size:3rem;color:var(--primary)}.mini-price span{font-size:1rem}.step{padding:28px;height:100%;position:relative;transition:.3s}.step>b{color:#cfe5ff;position:absolute;right:20px;font-size:2rem}.step>i{display:block;color:var(--primary);font-size:1.8rem;margin-bottom:20px}.status-cta{padding:70px 0;background:var(--soft)}.status-cta h2 b{color:var(--primary)}.form-control,.form-select{border-color:var(--border);padding:12px;border-radius:10px}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(9,105,218,.1)}.cta{text-align:center}.cta>div>i{font-size:3rem}.cta h2,.cta p{color:#fff}.footer{background:#0c2033;color:#c9d5e0;padding:55px 0 20px}.footer h4,.footer h5{color:#fff}.footer a{display:block;color:#c9d5e0;margin:5px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;font-size:.85rem}.page-header{padding:150px 0 80px;background:linear-gradient(135deg,#eef7ff,#fff)}.page-header h1{font-size:clamp(2.5rem,5vw,4rem);margin:10px 0}.page-header h1 b{color:var(--primary)}.detail-card{padding:30px;height:100%;position:relative;transition:.3s}.detail-card>span{position:absolute;right:25px;color:#cbdff5;font-weight:800}.detail-card strong{display:block;color:var(--primary);font-size:1.2rem}.detail-card small{display:block}.detail-card.featured{background:var(--primary);color:#fff}.detail-card.featured h3,.detail-card.featured p,.detail-card.featured strong,.detail-card.featured small{color:#fff}.detail-card.featured i{background:rgba(255,255,255,.15);color:#fff}.simple-price{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:14px}.simple-price i{font-size:1.4rem;color:var(--primary)}.simple-price b{color:var(--dark)}.simple-price span{margin-left:auto;color:var(--primary);font-weight:700}.price-table-wrap{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 8px 25px rgba(16,42,67,.05)}.table-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-heading span{font-size:.72rem;color:var(--primary);font-weight:800;letter-spacing:2px}.table-heading h3{margin:4px 0}.table-heading>i{font-size:1.8rem;color:var(--primary)}.price-table th{color:var(--dark);background:var(--light)}.price-table td:last-child{color:var(--primary);font-weight:700;text-align:right}.notice{display:flex;gap:15px;padding:20px;border-radius:14px;background:var(--soft);color:var(--dark)}.notice>i{color:var(--primary);font-size:1.3rem}.calculator-card{padding:40px;box-shadow:var(--shadow)}.result-box{background:var(--soft);border-radius:20px;padding:45px;text-align:center}.result-box small{font-weight:800;letter-spacing:2px}.result-box h2{font-size:3rem;color:var(--primary);margin:10px 0}.order-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:25px}.order-form-card{padding:35px}.order-summary{background:var(--primary);color:#fff;border-radius:16px;padding:35px;height:max-content;position:sticky;top:100px}.order-summary h3,.order-summary span,.order-summary small{color:#fff}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);padding:15px 0}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.summary-total strong{font-size:1.5rem}.success-icon{width:65px;height:65px;border-radius:50%;background:var(--soft);color:var(--primary);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.order-id{font-size:1.7rem;color:var(--primary);letter-spacing:1px}.tracking-card{padding:40px;box-shadow:var(--shadow)}.status-result{margin-top:30px;padding:28px;border-radius:16px;background:var(--light);border:1px solid var(--border)}.status-head{display:flex;justify-content:space-between;align-items:center}.status-head h3{color:var(--primary)}.status-head small,.status-result small{display:block}.status-result .row b{display:block;color:var(--dark)}.status-pill{display:inline-block;background:#e7f5ec;color:#1d7a43;border-radius:50px;padding:6px 12px;font-size:.8rem;font-weight:700}.testimonial{padding:30px;height:100%;box-shadow:0 5px 18px rgba(16,42,67,.05)}.stars{color:#f3b400;letter-spacing:3px}.testimonial small{display:block;color:#9aa8b5}.gallery-placeholder{min-height:250px;border-radius:18px;background:linear-gradient(135deg,#eaf4ff,#f8fbff);border:2px dashed #bdd5ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gallery-placeholder.wide{min-height:300px}.gallery-placeholder i{font-size:3rem;color:var(--primary);margin-bottom:10px}.contact-card{padding:35px}.contact-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.contact-item:last-child{border-bottom:0}.contact-item>i{color:var(--primary);font-size:1.4rem}.contact-item p{margin:0}.map-placeholder{height:100%;min-height:350px;background:var(--light);border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.map-placeholder i{font-size:3rem;color:var(--primary)}.admin-bg{min-height:100vh;background:linear-gradient(135deg,#eaf4ff,#fff);display:flex;align-items:center;justify-content:center}.login-card{width:min(430px,90%);background:#fff;padding:45px;border-radius:20px;box-shadow:var(--shadow);text-align:center}.login-card h2{margin:0}.admin-page{background:#f5f8fc;min-height:100vh}.admin-nav{background:#0c2033}.admin-nav .navbar-brand span{color:#9dceff}.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px}.stat-card i{color:var(--primary);font-size:1.5rem;display:block;margin-bottom:12px}.stat-card small{display:block}.stat-card strong{display:block;color:var(--dark);font-size:1.7rem}.admin-table-card{padding:28px}.admin-table-card td,.admin-table-card th{white-space:nowrap}.receipt-page{background:#eee;padding:30px}.receipt-wrap{max-width:520px;margin:auto}.receipt{background:#fff;padding:35px;box-shadow:var(--shadow);font-family:Arial,sans-serif;color:#111}.receipt-brand{text-align:center;font-weight:800;font-size:1.4rem}.receipt-brand small{display:block;font-size:.7rem;letter-spacing:2px}.receipt-row{display:flex;justify-content:space-between;gap:15px;margin:7px 0}.receipt-row b{text-align:right}.receipt-total{display:flex;justify-content:space-between;font-size:1.2rem}.receipt-actions{display:flex;justify-content:space-between;margin-bottom:20px}
@media(max-width:991px){.hero-art{height:400px}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.nav-link{margin:3px 0}.navbar-nav{padding-bottom:10px}}
@media(max-width:575px){.section{padding:70px 0}.hero h1{font-size:3.5rem}.hero-art{height:350px}.art-card{width:280px;height:320px}.price-table-wrap,.calculator-card,.tracking-card,.order-form-card{padding:22px}.mini-price{margin-top:30px}.status-head{display:block}.status-head .status-pill{margin-top:10px}.simple-price{display:block}.simple-price span{display:block;margin:5px 0 0}.receipt-page{padding:10px}}
@media print{.no-print{display:none!important}.receipt-page{background:#fff;padding:0}.receipt{box-shadow:none;max-width:80mm;margin:0;padding:5mm;font-size:11px}.receipt-brand{font-size:15px}.receipt-total{font-size:13px}}
