:root { --bg:#050505; --muted:#a7afb3; --soft:#dfe7ea; --accent:#fff; --line:rgba(255,255,255,.08); --glass:rgba(255,255,255,.04); }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace; background:radial-gradient(900px 360px at 12% 8%,rgba(255,255,255,.06),transparent 42%),linear-gradient(180deg,#070909 0%,#030303 100%); color:#edf3f4; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.topbar { position:fixed; inset:0 0 auto; height:70px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; background:rgba(10,11,12,.78); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); z-index:20; }
.brand { font-weight:700; letter-spacing:.22em; color:#fff; text-transform:uppercase; font-size:.82rem; text-decoration:none; }
.nav { display:flex; align-items:center; gap:10px; }
.nav a { color:var(--muted); text-decoration:none; padding:10px 14px; border:1px solid transparent; border-radius:999px; transition:.2s ease; }
.nav a:hover,.nav a.active { color:#fff; background:var(--glass); border-color:var(--line); }
.menu-toggle { display:none; background:transparent; border:1px solid var(--line); color:#fff; border-radius:10px; width:42px; height:42px; font-size:1.15rem; cursor:pointer; }
main { padding-top:84px; }
.hero { min-height:72vh; display:flex; align-items:center; justify-content:center; padding:48px 20px 24px; }
.hero-inner { width:min(920px,100%); }
.mono { font-family:ui-monospace,monospace; }
h1 { font-size:clamp(2.8rem,7vw,5rem); margin:0; color:#fff; letter-spacing:.08em; text-transform:lowercase; }
.lead { color:var(--muted); margin-top:12px; font-size:clamp(1rem,2vw,1.3rem); }
.cta-button { display:inline-flex; align-items:center; justify-content:center; margin-top:22px; padding:.9rem 1.5rem; border-radius:999px; border:1px solid rgba(255,255,255,.9); background:rgba(255,255,255,.03); color:#fff; text-decoration:none; font-size:.9rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 12px rgba(255,255,255,.35),0 0 26px rgba(255,255,255,.2); transition:.2s ease; }
.cta-button:hover { transform:translateY(-1px); background:rgba(255,255,255,.08); box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 18px rgba(255,255,255,.55),0 0 36px rgba(255,255,255,.28); }
.terminal { width:min(760px,100%); margin-top:28px; background:rgba(255,255,255,.02); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 14px 42px rgba(0,0,0,.35); }
.term-top { display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.02); }
.dot { width:11px; height:11px; border-radius:50%; display:inline-block; }.dot.red{background:#f87171}.dot.yellow{background:#facc15}.dot.green{background:#fff}
.live-label { margin-left:auto; color:#fff; opacity:.75; font-size:.7rem; letter-spacing:.18em; }
.term-body { min-height:190px; padding:18px 18px 24px; color:#fff; font-size:.95rem; line-height:1.7; background:rgba(0,0,0,.06); }
.term-body p { margin:0; overflow-wrap:anywhere; }.term-muted{color:var(--muted)}.prompt{font-weight:700}.cursor{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.home-footer{padding:28px 20px 34px;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.6;letter-spacing:.04em;border-top:1px solid var(--line)}
.panel { padding:48px 20px; margin-top:32px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.01)); }
.page-main { padding-top:90px; min-height:calc(100vh - 90px); }.page-shell{max-width:1100px;margin:0 auto;padding:40px 20px 80px}.page-header{margin-bottom:24px}.kicker{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);opacity:.8;margin-bottom:10px}.page-header h1{font-size:clamp(38px,5vw,72px);margin:0}.page-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px}.page-card p{color:#edf3f4;line-height:1.8;font-size:17px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.product-item{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.listing-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#080808;border-bottom:1px solid var(--line)}.listing-content{padding:20px}.product-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.product-item h3{margin:0;color:#fff;font-size:1.15rem}.product-price{color:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.8rem;white-space:nowrap}.product-item p{margin-bottom:16px}.product-link{display:inline-block;color:#fff;text-underline-offset:4px}
.vouches-wrap{display:grid;grid-template-columns:1.1fr 1.2fr;gap:28px;margin-top:20px}.rating-form,.ratings-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:22px}.stars{display:flex;gap:8px;margin:8px 0 18px}.star{background:none;border:none;color:#fff;opacity:.35;font-size:28px;cursor:pointer;transition:.15s ease}.star.active{opacity:1;transform:scale(1.08)}.field-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field-row label{color:#d9e4ea;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.field-row input,.field-row textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.24);color:#fff;font:inherit}.field-row textarea{resize:vertical;min-height:100px}.submit-btn{padding:12px 16px;border:none;border-radius:8px;background:#fff;color:#050505;font-weight:700;cursor:pointer}.submit-btn:disabled{opacity:.55;cursor:wait}.form-message{margin:14px 0 0!important;font-size:14px!important;color:var(--muted)!important}.ratings-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.ratings-header h3{margin:0;color:#fff}.avg-score{color:#fff;font-weight:700}.ratings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.rating-item{padding:14px 12px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.015)}.rating-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.rating-name{font-weight:700;color:#fff}.rating-stars{letter-spacing:2px;color:#fff}.rating-comment{color:#d8dee3;line-height:1.5;margin:0!important}.empty-state{color:var(--muted);line-height:1.7}
.about-panel{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;border-radius:16px;padding:0;background:transparent;border:none}.about-bg{position:absolute;inset:0;background-image:url('/luksector.png');background-size:contain;background-position:center;background-repeat:no-repeat;filter:grayscale(100%) contrast(1.2) brightness(.7);opacity:.7;transform:scale(1.12)}.about-overlay{position:relative;z-index:1;width:min(980px,90%);padding:42px 36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(10px);box-shadow:0 20px 40px rgba(0,0,0,.28)}.about-overlay h2{margin:0 0 18px;color:#fff;font-size:clamp(28px,3vw,48px)}.about-overlay p{margin:0 0 16px;color:#f0f4f5;line-height:1.8;font-size:17px;max-width:900px}.about-overlay p:last-child{margin-bottom:0}.about-subpage{margin-top:0}.about-page-main{padding-top:64px}
@media(max-width:800px){.topbar{padding:0 16px}.nav{position:absolute;top:72px;right:16px;display:none;flex-direction:column;align-items:stretch;width:min(260px,calc(100vw - 32px));padding:10px;background:rgba(10,11,12,.96);border:1px solid var(--line);border-radius:12px}.nav.is-open{display:flex}.menu-toggle{display:block}.product-grid,.vouches-wrap{grid-template-columns:1fr}.hero{padding-top:24px}.about-overlay{padding:28px 22px}.about-panel{align-items:flex-start;padding-top:30px}}