:root{--gold:#d69b22;--dark:#07111d;--green:#12a64a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}.topbar{background:#030303;color:#fff;display:flex;justify-content:space-between;padding:8px 7%;font-size:13px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;box-shadow:0 2px 12px #0001;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:34px;letter-spacing:2px}.brand small{display:block}.links{display:flex;gap:25px;font-weight:700;font-size:14px}.links a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:520px;background:linear-gradient(90deg,#000 0%,#000d 36%,#0000),url('../images/hero-bg.png') center/cover;color:white;display:flex;align-items:center;padding:60px 7%}.hero .script{font-family:cursive;color:var(--gold);font-size:58px}.hero h1{font-size:54px;max-width:650px;line-height:1.05;margin:5px 0 20px}.hero p{font-size:18px;max-width:470px}.btn{display:inline-block;padding:15px 35px;border-radius:4px;font-weight:800;margin:12px 12px 12px 0}.gold{background:var(--gold);color:#080808}.green{background:var(--green);color:#fff}.dark{background:#07111d;color:#fff}.badges{display:flex;gap:30px;margin-top:35px;flex-wrap:wrap}.badges div{display:flex;gap:10px;align-items:center;font-weight:700}.ico{color:var(--gold);font-size:28px}section{padding:55px 7%}.title{text-align:center;font-size:34px;text-transform:uppercase;margin:0 0 35px}.title span{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{border:1px solid #ddd;border-radius:9px;overflow:hidden;text-align:center;box-shadow:0 8px 22px #00000012;background:white}.card img{width:100%;height:210px;object-fit:cover}.card h3{font-size:20px}.darksec{background:linear-gradient(120deg,#07111d,#0b1725);color:white}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center}.features h3{color:var(--gold)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.circle{width:88px;height:88px;border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-size:38px;margin:auto}.gallerygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.gallerygrid img{width:100%;height:170px;object-fit:cover;border-radius:8px}.cta{background:linear-gradient(90deg,#d69b22,#e4ad37);display:flex;align-items:center;justify-content:center;gap:40px;font-size:22px;padding:28px 7%}footer{background:#07111d;color:#fff;padding:45px 7% 20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}footer a{display:block;color:#dbe4ef;margin:7px 0}.copy{text-align:center;border-top:1px solid #ffffff22;margin-top:30px;padding-top:18px;color:#c8c8c8}.floatwa{position:fixed;right:22px;bottom:22px;background:#19bd52;color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 8px 24px #0004}.pagehead{background:#07111d;color:#fff;padding:70px 7%;text-align:center}.content{max-width:1100px;margin:auto;line-height:1.8}.form{max-width:850px;margin:auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 10px 35px #0001}.form input,.form select,.form textarea{width:100%;padding:14px;margin:8px 0 16px;border:1px solid #ddd;border-radius:6px}.admin{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#07111d;color:white;padding:25px}.side a{display:block;padding:12px;border-bottom:1px solid #ffffff18}.main{padding:30px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #ddd;padding:10px}.notice{padding:12px;background:#e8fff0;border-left:4px solid #12a64a;margin:10px 0}
@media(max-width:900px){.topbar{display:none}.nav{padding:12px 4%;height:auto}.brand b{font-size:26px}.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 7%;box-shadow:0 10px 30px #0002}.links.show{display:flex}.hero{min-height:560px;padding:45px 5%;background-position:65% center}.hero .script{font-size:42px}.hero h1{font-size:36px}.cards,.features,.process,.gallerygrid,.grid4{grid-template-columns:1fr}.cta{flex-direction:column;text-align:center}.admin{display:block}.side{position:relative}.badges{gap:15px}.card img{height:240px}}


/* ===== Premium animation + shared page styling upgrade ===== */
html{scroll-behavior:smooth}body{overflow-x:hidden}.nav{transition:box-shadow .3s ease,transform .3s ease}.nav:hover{box-shadow:0 10px 32px #00000018}.logo,.btn,.card,.features>div,.process>div,.gallerygrid img,.service-card,.about-panel,.value-card,.step-card,.content-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease}.logo:hover{transform:rotate(-8deg) scale(1.05);box-shadow:0 10px 25px #d69b2244}.links a{position:relative;padding:9px 0}.links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .28s ease}.links a:hover:after{width:100%}.btn{position:relative;overflow:hidden;border:0;cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);transition:left .55s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000022}.btn:hover:before{left:125%}.hero{position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#d69b2233,transparent 28%),radial-gradient(circle at 65% 80%,#12a64a22,transparent 28%);z-index:-1;animation:heroGlow 7s ease-in-out infinite alternate}.hero .script,.hero h1,.hero p,.hero .btn,.badges{animation:fadeUp .75s ease both}.hero h1{animation-delay:.12s}.hero p{animation-delay:.22s}.hero .btn{animation-delay:.32s}.badges{animation-delay:.42s}.card:hover,.features>div:hover,.process>div:hover,.service-card:hover,.about-panel:hover,.value-card:hover,.step-card:hover,.content-card:hover{transform:translateY(-9px);box-shadow:0 18px 45px #00000020}.card img,.gallerygrid img{transition:transform .45s ease,filter .35s ease}.card:hover img{transform:scale(1.06)}.gallerygrid img:hover{transform:scale(1.04) translateY(-5px);filter:saturate(1.15);box-shadow:0 15px 35px #00000025}.circle{transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease}.process>div:hover .circle{transform:scale(1.08) rotate(5deg);background:var(--gold);color:#07111d;border-color:var(--gold)}.floatwa{animation:pulseWa 1.8s ease-in-out infinite}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.pagehead{position:relative;overflow:hidden;background:linear-gradient(120deg,#07111d 0%,#0d2034 52%,#111 100%)}.pagehead:before{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-170px;background:#d69b2224;border-radius:50%;animation:floatBlob 8s ease-in-out infinite}.pagehead h1{position:relative;margin:0;font-size:42px;animation:fadeUp .6s ease both}.page-intro{text-align:center;max-width:820px;margin:0 auto 34px;line-height:1.8;color:#445}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.about-panel,.content-card{background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:30px;box-shadow:0 12px 34px #00000010}.about-panel h2,.content-card h2{font-size:32px;margin:0 0 12px;color:#07111d}.gold-text{color:var(--gold)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.value-card,.service-card,.step-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:24px;box-shadow:0 10px 28px #0000000e}.value-card b,.service-card h3,.step-card h3{color:#07111d}.value-card .num{font-size:34px;font-weight:900;color:var(--gold);display:block;margin-bottom:6px}.visual-card{min-height:360px;border-radius:24px;background:linear-gradient(135deg,#07111de8,#07111d99),url('../images/mockup.png') center/cover;box-shadow:0 22px 60px #00000024;position:relative;overflow:hidden}.visual-card:after{content:"Custom Made";position:absolute;right:24px;bottom:24px;color:#fff;background:#d69b22;padding:12px 18px;border-radius:999px;font-weight:900;letter-spacing:.5px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card .ico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff7e7;margin-bottom:12px}.steps-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-card{position:relative}.step-card:before{content:attr(data-step);position:absolute;right:20px;top:15px;font-size:46px;font-weight:900;color:#d69b2222}.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.contact-strip div{background:#07111d;color:#fff;border-radius:14px;padding:18px}.contact-strip b{color:var(--gold);display:block;margin-bottom:5px}@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes heroGlow{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@keyframes pulseWa{0%,100%{transform:scale(1);box-shadow:0 8px 24px #0004}50%{transform:scale(1.08);box-shadow:0 14px 32px #19bd5266}}@keyframes floatBlob{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,30px)}}
@media(max-width:900px){.two-col,.services-grid,.steps-wrap,.contact-strip,.mini-grid{grid-template-columns:1fr}.pagehead h1{font-size:34px}.about-panel,.content-card{padding:22px}.visual-card{min-height:280px}}

/* ===== Category system + stronger premium finish ===== */
.hero{background:linear-gradient(90deg,#000 0%,#000f 38%,#000b 68%,#0008 100%),url('../images/hero-bg.png') center/cover !important;box-shadow:inset 0 0 0 2000px rgba(0,0,0,.18)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.62));z-index:-1}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.category-card{min-height:270px;border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:flex-end;color:#fff;box-shadow:0 16px 40px #00000018;background:#07111d;isolation:isolate}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .35s ease;z-index:-2}.category-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.82));z-index:-1}.category-card div{padding:26px;width:100%;transform:translateY(8px);transition:transform .35s ease}.category-card h3{font-size:28px;margin:0 0 8px}.category-card p{margin:0;color:#f4dca5;font-weight:800}.category-card:after{content:"View Products →";position:absolute;right:24px;top:24px;background:var(--gold);color:#07111d;font-weight:900;padding:10px 14px;border-radius:999px;opacity:0;transform:translateY(-8px);transition:opacity .32s ease,transform .32s ease}.category-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px #0000002b}.category-card:hover img{transform:scale(1.1);filter:saturate(1.12)}.category-card:hover div,.category-card:hover:after{opacity:1;transform:none}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:28px}.compact-form{box-shadow:none;padding:0;max-width:none}.admin-thumb{width:78px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.main .content-card{margin:0 0 20px}.table th{background:#07111d;color:#fff}.table tr:nth-child(even){background:#f8fafc}
@media(max-width:900px){.category-grid,.admin-panels{grid-template-columns:1fr}.category-card{min-height:230px}.hero{background:linear-gradient(180deg,#000e,#000b),url('../images/hero-bg.png') center/cover !important}}