:root{--bg:#0a0a0a;--panel:#111214;--gold:#d4af37;--gold-2:#f3e7a1;--text:#eaeaea;--muted:#b7b7b7;--arrow-gap-desktop:12px;--arrow-gap-mobile:10px}
*{box-sizing:border-box}
html.no-js body{opacity:1}
html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 80% -20%,rgba(212,175,55,.08),transparent 60%),var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--gold-2);text-decoration:none}
.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(10,10,10,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(212,175,55,.15)}
.brand{display:flex;gap:12px;align-items:center}
.brand img{height:28px}
.brand .name{font-weight:700;letter-spacing:.5px;background:linear-gradient(45deg,var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lang-select{appearance:none;background:var(--panel);color:var(--text);padding:8px 32px 8px 12px;border-radius:999px;border:1px solid rgba(212,175,55,.25);cursor:pointer}
.top-actions{display:flex;gap:10px;align-items:center}
.menu-btn{border:none;cursor:pointer;padding:10px 16px;border-radius:999px;font-weight:700;background:linear-gradient(180deg,rgba(243,231,161,.15),rgba(212,175,55,.08));border:1px solid rgba(212,175,55,.3);color:var(--gold-2)}
.menu-btn:hover{background:linear-gradient(180deg,rgba(243,231,161,.22),rgba(212,175,55,.12))}
.menu-btn:active{transform:scale(.97)}
.hero{padding:60px 20px 30px;max-width:1100px;margin:auto;text-align:center}
.h1{font-size:38px;margin:0 0 12px;font-weight:800;letter-spacing:.3px;background:linear-gradient(30deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{max-width:820px;margin:0 auto 28px;color:var(--muted);font-size:17px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:10px auto 60px;padding:0 20px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.tile{background:linear-gradient(180deg,rgba(243,231,161,.06),rgba(212,175,55,.03));border:1px solid rgba(212,175,55,.2);border-radius:22px;overflow:hidden;position:relative;transition:.2s ease}
.tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(212,175,55,.12)}
.tile-inner{padding:20px 20px 70px;min-height:220px}
.tile h3{margin:6px 0 8px;font-size:22px}
.tile p{color:var(--muted)}
.tile .go{position:absolute;bottom:16px;left:16px;padding:12px 18px;border-radius:16px;border:1px solid rgba(212,175,55,.35);background:radial-gradient(120% 140% at 20% 10%,rgba(255,255,255,.25),rgba(255,255,255,.04) 40%);display:inline-block;font-weight:600;color:var(--gold-2)}
.go span{background:linear-gradient(45deg,var(--gold),var(--gold-2));-webkit-background-clip:text;color:transparent}
.footer{padding:8px 12px;color:#9a9a9a;border-top:1px solid rgba(212,175,55,.15);margin-top:auto}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:none;z-index:60}
.sheet{position:fixed;top:0;right:0;height:100%;width:min(420px,90%);background:#0d0d0f;border-left:1px solid rgba(212,175,55,.25);box-shadow:-10px 0 40px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .4s cubic-bezier(.22,.61,.36,1);z-index:70}
.sheet.open{transform:translateX(0)}
.sheet-inner{padding:20px 16px}
.link-list{display:flex;flex-direction:column;gap:10px}
.link-list a{padding:12px 14px;border:1px solid rgba(212,175,55,.25);border-radius:12px;background:rgba(255,255,255,.02)}
.footer>*{margin:0;line-height:1.2}
.modal-card{background:#0f1012;border:1px solid rgba(212,175,55,.25);border-radius:18px;padding:18px}
.input,.select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.25);background:#121316;color:var(--text)}
.label{font-size:14px;color:#cfcfcf;margin:6px 0 6px;display:block}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{margin-top:12px;width:100%;padding:12px;border-radius:16px;border:1px solid rgba(212,175,55,.45);background:radial-gradient(120% 140% at 20% 10%,rgba(255,255,255,.25),rgba(255,255,255,.04) 40%);font-weight:700;cursor:pointer;color:var(--gold-2);letter-spacing:.3px}
.btn:hover{background:radial-gradient(120% 140% at 20% 10%,rgba(255,255,255,.3),rgba(255,255,255,.05) 42%)}
.btn:active{transform:scale(.97)}
.small{font-size:12px;color:#9a9a9a}
hr{border:0;border-top:1px solid rgba(212,175,55,.15);margin:14px 0}
.notice{padding:10px;border:1px solid rgba(212,175,55,.25);border-radius:12px;background:rgba(243,231,161,.05)}
.order-wrap{}
.order-wrap:not(.open){display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.doc-chip{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,175,55,.35);color:var(--gold-2);background:rgba(255,255,255,.02);font-size:14px}
.doc-chip.active{background:rgba(243,231,161,.12);border-color:rgba(212,175,55,.6)}
.portfolio{max-width:1100px;margin:0 auto 60px;padding:0 20px}
.slider-outer{position:relative;max-width:1100px;margin:10px auto}
.slider-viewport{overflow:hidden;border-radius:22px;background:transparent}
.slides{display:flex;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.slide{min-width:100%;display:flex;align-items:center;justify-content:center;background:transparent}
.slide img{display:block;max-width:min(92vw,900px);max-height:clamp(420px,68vh,860px);width:auto;height:auto;object-fit:contain;border:2px solid var(--gold);border-radius:18px;box-shadow:0 10px 28px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(243,231,161,.06),rgba(212,175,55,.03))}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;display:grid;place-items:center;background:rgba(0,0,0,.35);border:1px solid rgba(212,175,55,.35);border-radius:50%;color:var(--gold-2);text-shadow:0 4px 16px rgba(212,175,55,.35);box-shadow:0 4px 12px rgba(0,0,0,.25);backdrop-filter:blur(2px);transition:opacity .15s ease,transform .15s ease;opacity:1;pointer-events:auto;user-select:none;-webkit-tap-highlight-color:transparent}
.nav-arrow:hover{transform:translateY(-50%) scale(1.04)}
.nav-arrow:active{transform:translateY(-50%) scale(.95)}
.nav-prev{left:var(--arrow-gap-desktop)}
.nav-next{right:var(--arrow-gap-desktop)}
@media(max-width:900px){.nav-arrow{width:44px;height:44px}}
@media(max-width:700px){.slide img{max-width:94vw;max-height:clamp(360px,60vh,640px)}.nav-arrow{width:40px;height:40px}.nav-prev{left:var(--arrow-gap-mobile)}.nav-next{right:var(--arrow-gap-mobile)}}