:root{color-scheme:light;--bg:#eef2f7;--surface:rgba(255,255,255,0.92);--surface-strong:#ffffff;--surface-muted:#f8fafc;--border:rgba(15,23,42,0.08);--border-strong:rgba(15,23,42,0.14);--text:#0f172a;--text-soft:#475569;--text-faint:#64748b;--primary:#0f172a;--primary-hover:#1e293b;--accent:#2563eb;--success-bg:#eff6ff;--success-border:#bfdbfe;--success-text:#1e3a8a;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#b91c1c;--shadow-lg:0 24px 70px rgba(15,23,42,0.08);--shadow-md:0 16px 40px rgba(15,23,42,0.06);--shadow-sm:0 10px 24px rgba(15,23,42,0.04)}*{box-sizing:border-box;min-width:0}body,html{padding:0;margin:0;width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh;background:radial-gradient(circle at top center,rgba(59,130,246,.07),transparent 26%),linear-gradient(180deg,#f8fbff,#f1f5f9 42%,#edf2f7)}a{color:inherit;text-decoration:none}canvas,img,model-viewer,svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.page-shell{width:min(1320px,calc(100% - 40px));margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input,.select,.textarea{width:100%;max-width:100%;background:rgba(255,255,255,.92);color:var(--text);border:1px solid var(--border-strong);border-radius:14px;padding:13px 15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgba(37,99,235,.45);box-shadow:0 0 0 4px rgba(37,99,235,.12);background:#ffffff}.label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-soft)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;cursor:pointer;background:var(--primary);color:white;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:0 10px 20px rgba(15,23,42,.12)}.button:hover{background:var(--primary-hover);transform:translateY(-1px)}.button.secondary{background:#ffffff;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.button.secondary:hover{background:#f8fafc}.button.ghost{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.22);box-shadow:none}.button.ghost:hover{background:rgba(255,255,255,.16)}.button.danger{background:#dc2626}.button.danger:hover{background:#b91c1c}.grid{display:grid;grid-gap:20px;gap:20px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.84);border-bottom:1px solid rgba(15,23,42,.06)}.header-inner{position:relative}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:18px;padding:10px 0}.brand{gap:12px;font-weight:800;letter-spacing:.2px;color:var(--text);flex-shrink:1}.brand,.brand-mark{display:inline-flex;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;justify-content:center;background:linear-gradient(180deg,#ffffff,#edf2f8);border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:14px;font-weight:900;flex-shrink:0}.brand-text{font-size:18px;line-height:1.1;white-space:nowrap}.nav-toggle{display:none;width:46px;height:46px;padding:0;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:rgba(255,255,255,.96);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.nav-toggle-lines{display:grid;grid-gap:4px;gap:4px}.nav-toggle-lines span{display:block;width:18px;height:2px;border-radius:999px;background:var(--text)}.nav-panel{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1 1}.nav-links{justify-content:flex-end}.nav-actions,.nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.nav-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;color:var(--text-soft);background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.06);transition:background .16s ease,color .16s ease,border-color .16s ease;text-align:center}.nav-pill:hover{color:var(--text);background:#ffffff;border-color:rgba(15,23,42,.1)}.hero{padding:18px 0 28px}.hero-panel{position:relative;overflow:hidden;min-height:min(78vh,820px);padding:40px;border-radius:36px;border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-lg);background:linear-gradient(140deg,rgba(2,6,23,.96),rgba(15,23,42,.9) 42%,rgba(30,41,59,.72))}.hero-panel:before{inset:-10% -5% -5% 35%;background:radial-gradient(circle at 18% 34%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 34% 45%,rgba(255,255,255,.16),transparent 20%),radial-gradient(circle at 56% 58%,rgba(255,255,255,.09),transparent 24%),radial-gradient(circle at 78% 44%,rgba(255,255,255,.16),transparent 18%),linear-gradient(125deg,transparent,rgba(255,255,255,.06) 28%,transparent 31%,transparent 48%,rgba(255,255,255,.09) 50%,transparent 53%,transparent 70%,rgba(255,255,255,.05) 72%,transparent 75%);opacity:.95;transform:rotate(-10deg) scale(1.08)}.hero-panel:after,.hero-panel:before{content:"";position:absolute;pointer-events:none}.hero-panel:after{inset:auto -8% -18% 48%;height:86%;border-radius:42px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle at 58% 28%,rgba(255,255,255,.12),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);filter:blur(.3px);opacity:.8}.hero-content{position:relative;z-index:1;width:min(560px,100%);display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(min(78vh, 820px) - 80px)}.hero-brand{font-size:clamp(42px,7vw,92px);line-height:.96;letter-spacing:-.06em;margin:0;color:#ffffff}.hero-tagline{margin:18px 0 0;max-width:420px;color:rgba(255,255,255,.8);font-size:clamp(18px,2.4vw,24px);line-height:1.35;letter-spacing:-.02em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{margin-top:20px;font-size:13px;color:rgba(255,255,255,.58);letter-spacing:.08em;text-transform:uppercase}.contact-strip{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px;margin-top:18px}.contact-card{padding:26px 28px;border-radius:28px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm)}.contact-card h2{margin:0 0 8px;font-size:26px;letter-spacing:-.03em}.contact-card p{margin:0;color:var(--text-soft);line-height:1.65}.contact-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.section-title{margin:0 0 18px;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.03em;overflow-wrap:anywhere}.page-intro{margin-bottom:26px}.page-intro p{margin:10px 0 0;color:var(--text-soft);max-width:760px;line-height:1.65}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:14px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:22px;gap:22px}.product-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(15,23,42,.12)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f1f5f9}.product-card .inner{padding:18px}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;letter-spacing:.02em;max-width:100%;overflow-wrap:anywhere}.table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table td,.table th{padding:14px 12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:top;white-space:nowrap}.table th{color:var(--text-soft);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.notice{padding:14px 16px;border-radius:16px;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.notice.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.footer-space{height:42px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.small{font-size:14px;color:var(--text-faint);line-height:1.7}.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.08);color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feature-card{padding:30px;min-height:210px}.feature-card h3{margin:0 0 14px;font-size:28px;line-height:1.1;letter-spacing:-.03em;overflow-wrap:anywhere}.admin-section-card{padding:24px}.admin-section-card h2{margin-top:0;margin-bottom:18px;font-size:24px;letter-spacing:-.02em}.list-row{justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.72);flex-wrap:wrap}.checkbox-card,.list-row{display:flex;align-items:center}.checkbox-card{padding:12px 14px;gap:10px;border-radius:16px}@media (max-width:1100px){.contact-strip,.landing-grid,.three-col,.two-col{grid-template-columns:1fr}}@media (max-width:900px){.container{width:min(100%,calc(100% - 24px))}.page-shell{width:min(100%,calc(100% - 20px))}.nav{min-height:72px}.nav-toggle{display:inline-flex}.nav-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:14px;padding:14px;border-radius:22px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);box-shadow:0 20px 40px rgba(15,23,42,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-panel.open{display:flex}.nav-actions,.nav-links{width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.nav-actions .button,.nav-actions .select,.nav-pill{width:100%}.brand-text{font-size:17px;white-space:normal}.hero{padding:14px 0 18px}.hero-panel{min-height:auto;padding:26px 20px;border-radius:28px}.hero-panel:before{inset:18% -30% -10% 28%}.hero-panel:after{inset:auto -22% -22% 42%;height:58%}.hero-content{min-height:auto;width:100%}.hero-brand{font-size:clamp(34px,12vw,54px)}.hero-tagline{font-size:18px;max-width:100%}.contact-card{padding:22px 18px;border-radius:22px}.feature-card{min-height:unset;padding:24px 20px}.card{border-radius:20px}.footer-space{height:24px}}@media (max-width:640px){.container{width:min(100%,calc(100% - 16px))}.page-shell{width:min(100%,calc(100% - 12px))}.brand{gap:10px}.brand-mark{width:34px;height:34px;font-size:13px}.brand-text{font-size:16px}.nav-toggle{width:42px;height:42px}.admin-section-card,.feature-card,.hero-panel{padding:20px 16px}.contact-actions,.hero-actions{flex-direction:column;align-items:stretch}.contact-actions .button,.hero-actions .button{width:100%}.product-card .inner{padding:16px}.table td,.table th{padding:12px 10px}.section-title{font-size:30px}.list-row{padding:12px 14px}}