*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#000;background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6}.App{flex-direction:column;min-height:100vh;display:flex}.header{z-index:50;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0}.header-content{text-align:center;border-bottom:1px solid #e5e5e5;padding:2rem 1rem}.brand-name{letter-spacing:6px;margin:0;font-size:2.5rem;font-weight:700}.brand-tagline{letter-spacing:4px;color:#999;margin-top:.5rem;font-size:.75rem;font-weight:400}.navbar{letter-spacing:2px;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem;font-size:.75rem;display:flex}.nav-link{color:#000;font-weight:500;text-decoration:none;transition:color .3s}.burger-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;width:44px;height:44px;margin-left:auto;padding:.5rem;display:none}.burger-button span{background:#111;border-radius:999px;width:22px;height:2px;display:block}.mobile-drawer-overlay{z-index:1000;background:#0006;position:fixed;inset:0}.mobile-drawer{background:#fff;flex-direction:column;gap:1rem;width:min(320px,85%);height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-14px 0 45px #0000002e}.drawer-close-btn{cursor:pointer;color:#111;background:0 0;border:none;align-self:flex-end;font-size:2rem;line-height:1}.drawer-link,.drawer-button{text-align:left;color:#111;cursor:pointer;background:#f7f7f7;border:none;border-radius:14px;width:100%;padding:.95rem 1rem;font-size:.95rem;text-decoration:none}.drawer-link:hover,.drawer-button:hover{background:#efefef}.drawer-link.active{background:var(--soft-paper);color:var(--accent-deep);font-weight:700}.drawer-button{justify-content:flex-start;align-items:center;display:inline-flex}.nav-link:hover{color:#999}.main-content{flex:1;width:100%}.page{width:100%}.hero{height:500px;margin-bottom:0;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{color:#fff;text-align:center;background:#0006;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.hero-title{letter-spacing:10px;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero-subtitle{color:#ddd;max-width:600px;margin-bottom:2rem;font-size:1.1rem}.hero-button{color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#fff;border:none;padding:.75rem 2rem;font-size:.8rem;font-weight:600;transition:background .3s}.products-section h2{text-align:center;letter-spacing:4px;margin-bottom:2rem;font-size:2.5rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;max-width:1400px;margin:0 auto;display:grid}.product-card{background:#111;border-radius:32px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a1a}.product-image{object-fit:cover;width:100%;height:260px;transition:transform .6s}.product-card:hover .product-image{transform:scale(1.08)}.product-overlay{color:#fff;background:linear-gradient(#0000001f 0%,#000000e6 100%);flex-direction:column;justify-content:space-between;min-height:220px;padding:2rem;display:flex}.product-title{letter-spacing:.5px;margin-bottom:1rem;font-size:1.85rem;font-weight:700}.product-desc{color:#ffffffd9;max-height:none;margin-bottom:1.75rem;font-size:1rem;line-height:1.8;overflow:visible}.product-button{color:#111;text-transform:uppercase;letter-spacing:1.5px;background:#f5c248;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.95rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.product-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0000002e}.product-card .product-overlay:before{content:"";pointer-events:none;background:linear-gradient(#00000038 0%,#0000 35%);position:absolute;inset:0}.product-card .product-overlay>*{z-index:1;position:relative}.products-page .product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:100%;margin:0 auto;padding:0 2rem}.products-search-wrap{justify-content:center;align-items:center;gap:.75rem;max-width:760px;margin:0 auto 2rem;padding:0 1rem;display:flex}.products-search-input{color:#111;background:#fffffff2;border:1px solid #0000001f;border-radius:999px;outline:none;width:100%;height:52px;padding:0 1.1rem;font-size:1rem;transition:box-shadow .2s,border-color .2s,transform .2s;box-shadow:0 18px 40px #0f172a0f}.products-search-input::placeholder{color:#00000073}.products-search-input:focus{border-color:#f5c248e6;box-shadow:0 22px 50px #f5c2482e}.products-search-clear{color:#111;cursor:pointer;background:#fffffff2;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:transform .15s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 18px 40px #0f172a0f}.products-search-clear:hover{border-color:#f5c248e6;transform:translateY(-1px);box-shadow:0 22px 50px #f5c24829}.category-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.category-filter-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.category-filter-btn:hover{background:#f0f0f0;border-color:#ccc}.category-filter-btn.active{color:#fff;background:#111;border-color:#111}.products-empty{text-align:center;color:#666;background:#f8f8f9;border:1px solid #0000000f;border-radius:18px;max-width:680px;margin:3rem auto 0;padding:1.25rem 1rem}.products-page .product-card{min-height:420px}.products-page .product-image{height:240px}.products-page .product-overlay{min-height:180px;padding:1.5rem}.products-page .product-title{margin-bottom:.75rem;font-size:1.5rem}.products-page .product-title a{color:#fff;text-decoration:none;transition:color .2s}.products-page .product-title a:hover{color:#f5c248}.products-page .product-desc{max-height:none;font-size:.95rem;overflow:visible}.products-page .products-section{padding:4rem 2rem}.hero-button{color:#111;background:#f5c248f2;border-radius:999px;padding:1rem 2.2rem;font-size:.9rem}.hero-button:hover{background:#ffd966}.about-section{text-align:center;background:#f5f5f5;padding:3rem 1rem}.about-container{max-width:900px;margin:0 auto}.about-title{letter-spacing:5px;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.about-text{color:#666;font-size:1rem;line-height:1.8}.about-subsection{text-align:left;background:#fff;border-radius:8px;margin:2rem 0;padding:2rem}.about-subsection h3{letter-spacing:2px;margin-bottom:1rem;font-size:1.25rem}.about-subsection ul{margin-top:1rem;list-style:none}.about-subsection li{color:#666;padding:.5rem 0}.contact-section{text-align:center;padding:3rem 1rem}.contact-container{max-width:900px;margin:0 auto}.contact-map-block{margin:1.75rem 0;padding:0 .5rem}.contact-map-title{letter-spacing:1px;color:#111;margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.contact-map-iframe{border:0;border-radius:16px;width:100%;height:320px;overflow:hidden;box-shadow:0 20px 60px #0f172a14}@media (width<=768px){.contact-map-iframe{height:260px}}.product-detail-page{padding:3rem 1rem}.product-detail{max-width:1200px;margin:0 auto}.detail-top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.detail-back-btn{color:#111;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:999px;width:fit-content;padding:.85rem 1.5rem;text-decoration:none}.detail-badge{text-transform:uppercase;letter-spacing:1.5px;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;display:inline-flex}.product-detail-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:2rem;display:grid}.product-detail-image{border-radius:32px;overflow:hidden;box-shadow:0 26px 70px #0f172a1f}.product-carousel{background:#111;width:100%;position:relative}.product-carousel-track{transition:transform .35s;display:flex}.product-carousel-slide{object-fit:cover;flex:0 0 100%;width:100%;height:420px;display:block}.product-carousel-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-carousel-btn.prev{left:12px}.product-carousel-btn.next{right:12px}.product-carousel-dots{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.product-carousel-dots .dot{cursor:pointer;background:#ffffff73;border:none;border-radius:999px;width:10px;height:10px}.product-carousel-dots .dot.active{background:#f5c248f2}.detail-image{object-fit:cover;width:100%;height:auto;min-height:420px;display:block}.product-detail-info{background:#fff;border-radius:32px;padding:2rem;overflow:hidden;box-shadow:0 26px 70px #0f172a14}.product-detail-info h1{margin-bottom:1rem;font-size:2.5rem}.product-description{color:#626262;overflow-wrap:anywhere;word-break:break-word;margin-bottom:2rem;font-size:1.05rem;line-height:1.9}.product-specs{gap:1.25rem;margin-bottom:2rem;display:grid}.spec-item{background:#f7f7f7;border-radius:24px;padding:1.35rem 1.5rem}.spec-item h3{text-transform:uppercase;letter-spacing:1px;color:#111;margin-bottom:.65rem;font-size:1rem}.spec-item p{color:#4b4b4b;overflow-wrap:anywhere;word-break:break-word;line-height:1.75}.product-details-bullets{margin:0;padding-left:1.2rem}.product-details-bullets li{color:#4b4b4b;overflow-wrap:anywhere;word-break:break-word;margin:.35rem 0;line-height:1.8}.product-details-bullets li::marker{color:#f5c248}.product-contact{gap:1rem;display:flex}.product-contact .primary-btn{justify-content:center;width:100%}@media (width<=960px){.product-detail-grid{grid-template-columns:1fr}.product-detail-image,.product-detail-info{border-radius:24px;overflow:hidden}}@media (width<=700px){.detail-top-bar{flex-direction:column;align-items:stretch}.product-detail-info h1{font-size:2rem}.product-contact{flex-direction:column}}.contact-title{letter-spacing:5px;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.contact-info{color:#666;margin-bottom:.5rem;font-size:.95rem}.contact-location{margin-bottom:2rem}.contact-button{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#000;border:none;padding:.75rem 2rem;font-size:.8rem;font-weight:600;transition:background .3s}.contact-button:hover{background:#333}.floating-whatsapp{z-index:999;background:#25d366;border-radius:20%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0003}.floating-whatsapp-icon{object-fit:contain;width:50px;height:50px}.login-page,.member-page{padding:3rem 1rem}.login-section,.member-section{justify-content:center;align-items:center;min-height:calc(100vh - 180px);display:flex}.login-card,.member-card{text-align:center;background:#fff;border-radius:16px;width:min(560px,100%);padding:2rem;box-shadow:0 24px 60px #00000014}.login-card h2,.member-card h2{margin-bottom:1rem;font-size:2rem}.login-card p,.member-card p{color:#5f5f5f;margin-bottom:1.75rem;line-height:1.7}.login-form label{text-align:left;color:#333;margin-bottom:1rem;font-weight:500;display:block}.login-form select,.login-form input{border:1px solid #dcdcdc;border-radius:8px;width:100%;margin-top:.5rem;padding:.9rem 1rem;font-size:1rem}.login-error{color:#b00020;text-align:left;margin-bottom:1rem;font-weight:600}.login-info{text-align:left;color:#666;margin-top:1.5rem}.login-info ul{padding-left:0;list-style:none}.login-info li{margin-bottom:.5rem}.member-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.secondary-btn{color:#000;text-transform:uppercase;letter-spacing:1px;background:#f5f5f5;border:1px solid #dcdcdc;border-radius:8px;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;text-decoration:none}.secondary-btn:hover{background:#e8e8e8}.admin-page{background:#f7f7f8;padding-bottom:3rem}.admin-hero{padding:3rem 1rem 1rem}.admin-hero-card{color:#fff;background:linear-gradient(135deg,#111,#222);border-radius:24px;grid-template-columns:1.7fr 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#f0b23e;margin-bottom:1rem;font-size:.85rem}.admin-hero-card h1{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.admin-hero-text{color:#d4d4d6;max-width:720px;font-size:1rem;line-height:1.8}.admin-summary{gap:1rem;display:grid}.summary-card{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:.4rem;padding:1.25rem 1.4rem;display:flex}.summary-label{color:#d7d7d7;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.summary-card strong{font-size:2rem}.admin-section{max-width:1200px;margin:2rem auto 0;padding:0 1rem}.admin-grid{grid-template-columns:1.1fr 1fr;gap:1.5rem;display:grid}.admin-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 24px 60px #0f172a14}.admin-card-form,.admin-card-list{min-height:460px}.admin-card h2{margin-bottom:.75rem}.admin-card-text{color:#575757;margin-bottom:1.5rem;line-height:1.8}.admin-form label{color:#222;margin-bottom:1rem;font-weight:600;display:block}.admin-category-options{border:1px solid #d9d9d9;border-radius:12px;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.5rem;padding:.75rem;display:flex}.admin-form label.admin-category-option{color:#333;align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:500;line-height:1.2;display:inline-flex}.admin-category-option input[type=checkbox]{accent-color:#111;width:16px;height:16px;min-height:16px;margin:0;padding:0}.admin-form input,.admin-form textarea{resize:vertical;border:1px solid #d9d9d9;border-radius:12px;width:100%;min-height:52px;margin-top:.5rem;padding:.95rem 1rem;font-size:1rem}.admin-form textarea{min-height:80px}.admin-form-actions{flex-wrap:wrap;gap:1rem;margin-top:1.25rem;display:flex}.admin-preview-btn,.admin-cancel-btn{color:#111;background:#f5f5f5;border:1px solid #dcdcdc}.admin-preview-card{background:#fff;border-radius:24px;margin-top:1.75rem;padding:1.75rem;box-shadow:0 26px 70px #0f172a14}.admin-preview-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:1.5rem;display:grid}.admin-preview-image{border-radius:24px;min-height:260px;overflow:hidden;box-shadow:0 26px 70px #0f172a14}.admin-preview-image img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.admin-list-image{object-fit:cover;border-radius:18px;width:88px;height:88px;display:block}.admin-preview-thumbs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex;overflow:hidden}.admin-preview-thumb{object-fit:cover;border-radius:14px;flex:none;width:72px;height:72px;display:block}.admin-preview-details h4{margin-bottom:.75rem;font-size:1.6rem}.admin-preview-details .product-description{color:#444;margin-bottom:1rem;line-height:1.8}.admin-preview-details .spec-item{background:#f7f7f7;border-radius:18px;margin-bottom:.85rem;padding:1rem}.admin-preview-details .spec-item strong{color:#111;margin-bottom:.4rem;display:block}.admin-list-item{border-bottom:1px solid #ededed;grid-template-columns:96px 1fr auto;align-items:center;gap:1rem;padding:1rem 1rem 1rem 0;display:grid}.admin-list-actions{flex-direction:column;align-items:flex-end;gap:.7rem;display:flex}.admin-edit-btn{width:100%}.admin-list-content span{color:#6f6f6f;border-bottom:1px solid #ededed;align-items:center;gap:1rem;margin-top:.4rem;padding:1rem 1rem 1rem 0;font-size:.9rem;display:block}.admin-list-image{object-fit:cover;border-radius:18px;width:88px;height:88px}.admin-list-content strong{margin-bottom:.35rem;display:block}.admin-list-content span{color:#757575;font-size:.95rem}.list-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.badge{color:#333;background:#f5f5f5;border-radius:999px;padding:.7rem 1rem;font-size:.8rem;font-weight:700}.empty-state{color:#6f6f6f;text-align:center;background:#f8f8f9;border-radius:18px;padding:2rem}.admin-delete-btn{min-width:96px}.admin-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-badge{color:#fff;letter-spacing:1px;background:#111;border-radius:999px;padding:.35rem .85rem;font-size:.7rem}@media (width<=900px){.admin-hero-card,.admin-grid,.admin-list-item{grid-template-columns:1fr}.admin-list-image{width:100%;height:220px}}.modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #0000000a;border-radius:28px;width:min(960px,100%);max-height:calc(100vh - 3rem);padding:1.5rem;overflow-y:auto;box-shadow:0 30px 90px #0f172a2e}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h2{margin:0;font-size:1.6rem}.modal-close-btn{color:#111;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:2rem;line-height:1}.modal-body{padding-top:.5rem}.admin-form{gap:1rem;display:grid}.nav-button{color:#000;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px solid #0000;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.nav-button:hover{opacity:.8}.footer{text-align:center;background:#fff;border-top:1px solid #e5e5e5;margin-top:auto;padding:1.5rem}.footer p{color:#999;margin:0;font-size:.85rem}@media (width<=768px){.brand-name{letter-spacing:3px;font-size:2rem}.hero{height:420px}.hero-title{letter-spacing:6px;font-size:2.5rem}.hero-subtitle{font-size:.9rem}.navbar{justify-content:center;gap:.9rem;padding:.75rem .6rem;font-size:.65rem}.navbar .nav-link{white-space:nowrap}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding:0 1rem}.products-page{overflow-x:hidden}.products-search-wrap{margin-bottom:1.5rem}.products-search-input{height:48px;font-size:.95rem}.products-search-clear{width:40px;height:40px}.product-card{min-width:0}.product-overlay{overflow:hidden}.products-page .product-grid{grid-template-columns:1fr;padding:0 1rem}.products-page .products-section{padding:2rem 1rem}.about-title,.contact-title{letter-spacing:3px;font-size:1.75rem}.about-text,.contact-info{font-size:.9rem}.product-detail-page{padding:2rem 1rem}.product-detail-info{padding:1.5rem}.product-detail-info h1{font-size:2.1rem}.product-contact{flex-direction:column}}@media (width<=480px){.header-content{padding:1.25rem .75rem}.brand-name{letter-spacing:3px;font-size:1.65rem}.brand-tagline{letter-spacing:3px;font-size:.7rem}.navbar{-webkit-overflow-scrolling:touch;gap:.55rem;padding:.6rem .4rem;font-size:.6rem;overflow-x:auto}.burger-button{display:flex}.navbar{display:none}.hero{height:360px}.hero-title{letter-spacing:5px;margin-bottom:.75rem;font-size:2rem}.hero-subtitle{margin-bottom:1.5rem;font-size:.85rem}.hero-button{padding:.85rem 1.3rem;font-size:.85rem}.products-section{padding:2.2rem .75rem}.products-section h2{margin-bottom:1.5rem;font-size:2rem}.products-search-wrap{gap:.6rem;margin-bottom:1.25rem;padding:0}.products-search-input{padding:0 .95rem}.product-card{border-radius:24px;min-height:500px}.product-image{height:260px}.product-overlay{min-height:220px;padding:1.5rem}.product-title{margin-bottom:.75rem;font-size:1.35rem}.product-desc{max-height:none;margin-bottom:1.5rem;font-size:.95rem;overflow:visible}.product-button{padding:.95rem 1.25rem;font-size:.85rem}.products-page .product-overlay{padding:1.4rem}.products-page .product-title{font-size:1.25rem}.product-detail-grid{gap:1rem}.product-detail-info{border-radius:24px;padding:1.25rem}.product-detail-info h1{font-size:1.75rem}.product-description{margin-bottom:1.25rem;font-size:1rem}.spec-item{border-radius:18px;padding:1rem 1.1rem}}:root{--ink:#171717;--muted-ink:#62605b;--paper:#fbfaf7;--soft-paper:#f1eee8;--accent:#e5ae2f;--accent-bright:#f4c957;--accent-deep:#9c7415;--line:#1717171f;--shadow-soft:0 18px 45px #17171717}body{color:var(--ink);background:var(--paper);font-family:Avenir Next,Segoe UI,sans-serif}.header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7f0}.header-content{border-bottom:0;justify-content:center;align-items:baseline;gap:1rem;padding:.95rem 1rem .7rem;display:flex}.brand-name{color:var(--ink);letter-spacing:.22em;font-size:1.8rem}.brand-tagline{color:#98721e;letter-spacing:.2em;margin-top:0;font-size:.66rem}.navbar{color:var(--muted-ink);background:#ffffff47;gap:1.6rem;padding:.7rem 1rem .95rem}.nav-link,.nav-button{color:var(--muted-ink);transition:color .2s;position:relative}.nav-link:after{background:var(--accent);content:"";height:2px;transition:transform .2s;position:absolute;bottom:-.45rem;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link:focus-visible,.nav-button:hover,.nav-button:focus-visible{color:var(--ink)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.nav-link.active{color:var(--ink)}.nav-link.active:after{transform:scaleX(1)}.hero{background:#24221e;height:min(620px,72vh);min-height:480px}.hero-image{filter:saturate(.82)contrast(1.06)}.hero-overlay{text-align:left;background:linear-gradient(90deg,#0d0d0cd1,#0d0d0c2e 75%),linear-gradient(#0000 45%,#0d0d0c59);align-items:flex-start;padding:clamp(2rem,7vw,7rem)}.hero-overlay:before{content:"WORKSHOP BESI SEMARANG";color:var(--accent-bright);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:700}.hero-title{letter-spacing:.08em;text-shadow:0 5px 22px #00000038;max-width:720px;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98}.hero-subtitle{color:#ffffffd1;max-width:520px;line-height:1.7}.hero-button,.product-button{min-height:48px;box-shadow:0 10px 24px #e5ae2f33}.hero-button:hover,.hero-button:focus-visible{color:var(--accent-deep);background:#fff;transform:translateY(-2px)}.products-section{background:var(--soft-paper);padding:clamp(3rem,6vw,5.5rem) 1rem}.products-section:before{content:"PILIHAN PROYEK";max-width:1400px;color:var(--accent-deep);letter-spacing:.2em;text-align:center;margin:0 auto .75rem;font-size:.72rem;font-weight:700;display:block}.products-section h2,.about-title{color:var(--ink);text-wrap:balance;line-height:1.1}.product-grid{gap:1.25rem}.product-card{min-height:500px;box-shadow:var(--shadow-soft);border:1px solid #ffffffb3;border-radius:18px;transition:transform .25s,box-shadow .25s}.product-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 52px #17171729}.product-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px #17171726}.product-image{height:290px}.product-overlay{background:linear-gradient(#17171714,#171717f0);min-height:210px;padding:1.45rem}.product-title{margin-bottom:.6rem;font-size:1.35rem}.product-desc{color:#ffffffc2;margin-bottom:1.2rem;font-size:.94rem;line-height:1.6}.product-button{background:var(--accent-bright);padding:.8rem 1.25rem;font-size:.76rem}.about-section,.contact-section{background:var(--paper);padding:clamp(3rem,6vw,5.5rem) 1rem}.contact-section{background:linear-gradient(135deg,#fbfaf7 0%,#f2ede3 100%)}.about-container,.contact-container{max-width:1040px}.about-subsection{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 12px 30px #1717170a}.about-subsection h3{color:var(--accent-deep)}.footer{background:#1d1c19;border-top:0}.footer p{color:#ffffff9e}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #e5ae2fbf}@media (width<=768px){.header-content{padding:1rem 1rem .75rem}.hero{height:560px;min-height:0}.hero-overlay{justify-content:flex-end;padding:2rem 1.25rem 3rem}.hero-title{font-size:clamp(2.2rem,11vw,3.5rem)}.products-section h2{font-size:clamp(1.8rem,8vw,2.5rem)}}@media (width<=700px){.navbar{display:none}.burger-button{margin:0;display:flex;position:absolute;top:.75rem;right:1rem}.header-content{justify-content:flex-start;padding-right:4.5rem}}@media (width<=480px){.header-content{justify-content:flex-start;padding-right:4.5rem}.brand-name{font-size:1.35rem}.brand-tagline{font-size:.55rem}.burger-button{border-color:var(--line);background:var(--paper);margin:0;position:absolute;top:.8rem;right:1rem}.hero{height:500px}.hero-overlay{padding-bottom:2.25rem}}.admin-page .primary-btn,.admin-page .secondary-btn{letter-spacing:.02em;text-transform:none;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:.75rem 1.15rem;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.admin-page .primary-btn{background:var(--accent);color:#17120a;border:1px solid #c18b14;box-shadow:0 8px 18px #c18b1433}.admin-page .primary-btn:hover:not(:disabled){background:var(--accent-bright);transform:translateY(-2px);box-shadow:0 12px 24px #c18b1447}.admin-page .secondary-btn{color:#39352e;background:#fff;border:1px solid #c9c3b8}.admin-page .secondary-btn:hover{background:#f4f0e8;border-color:#9e8e72;transform:translateY(-2px)}.admin-page .primary-btn:disabled{cursor:wait;opacity:.65;transform:none}.admin-card-form>.primary-btn{min-width:170px;min-height:50px;font-size:1rem}.admin-list-actions{min-width:112px}.admin-list-actions .primary-btn,.admin-list-actions .secondary-btn{width:100%;min-height:42px;font-size:.9rem}.admin-submit-btn{min-width:185px}.admin-cancel-btn{min-width:105px}.modal-close-btn{color:#5b554b;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.8rem;transition:background .2s,color .2s;display:inline-flex}.modal-close-btn:hover{color:#171717;background:#f3eee5}@media (width<=700px){.admin-hero-card,.admin-grid{grid-template-columns:1fr}.admin-list-item{grid-template-columns:72px 1fr}.admin-list-image{width:72px;height:72px}.admin-list-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%;display:grid}.admin-form-actions{grid-template-columns:1fr 1fr;display:grid}.admin-submit-btn,.admin-cancel-btn{width:100%;min-width:0}}@media (width<=430px){.admin-form-actions,.admin-list-actions{grid-template-columns:1fr}}