:root{--bg: #ffffff;--bg-soft: #f5f6f8;--fg: #14161a;--fg-soft: #5b6270;--line: #e3e6eb;--accent: #4c6ef5;--accent-fg: #ffffff;--card: #ffffff;--shadow: 0 1px 2px rgba(20, 22, 26, .06), 0 8px 24px rgba(20, 22, 26, .06);--radius: 14px}:root[data-theme=dark]{--bg: #0f1115;--bg-soft: #151922;--fg: #eef1f6;--fg-soft: #99a1b3;--line: #262c38;--accent: #6c8cff;--accent-fg: #0f1115;--card: #151922;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.page{display:flex;flex-direction:column;min-height:100%}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,3rem);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:650}.brand__mark{color:var(--accent);font-size:1.5rem;line-height:1}.brand__name{letter-spacing:-.01em}.nav__links{display:flex;align-items:center;gap:1.25rem}.nav__links a{text-decoration:none;color:var(--fg-soft);font-size:.95rem}.nav__links a:hover{color:var(--fg)}.nav__theme{background:none;border:1px solid var(--line);color:var(--fg-soft);border-radius:8px;width:2rem;height:2rem;cursor:pointer;font-size:.9rem}.nav__theme:hover{color:var(--fg)}.btn{display:inline-block;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:10px;padding:.55rem 1rem;font:inherit;font-size:.95rem;cursor:pointer}.btn--primary{background:var(--accent);color:var(--accent-fg);font-weight:600}.btn--primary:hover{filter:brightness(1.08)}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{border-color:var(--line);color:var(--fg);background:transparent}.btn--ghost:hover{background:var(--bg-soft)}.btn--lg{padding:.75rem 1.4rem;font-size:1rem}.btn--full{width:100%;margin-top:.5rem}.hero{padding:clamp(3rem,10vw,6rem) clamp(1rem,5vw,3rem) 3rem;max-width:52rem}.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 1rem}.hero__sub{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--fg-soft);margin:0 0 2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}.section{padding:3rem clamp(1rem,5vw,3rem);border-top:1px solid var(--line)}.section h2{font-size:clamp(1.4rem,3.5vw,2rem);letter-spacing:-.015em;margin:0 0 .5rem}.section__sub{color:var(--fg-soft);margin:0 0 2rem;max-width:44rem}.section__group{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:650;letter-spacing:-.01em;margin:2rem 0 0}.section__group:first-of-type{margin-top:0}.section__group-tag{font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--accent-fg);background:var(--accent);padding:.15rem .55rem;border-radius:999px}.section__group-tag--dim{color:var(--fg-soft);background:var(--bg-soft);border:1px solid var(--line)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card__icon{color:var(--accent);font-size:1.5rem;line-height:1}.card h3{margin:.6rem 0 .35rem;font-size:1.05rem}.card p{margin:0;color:var(--fg-soft);font-size:.95rem}.offers{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));max-width:46rem}.offer{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.offer--hl{border-color:var(--accent)}.offer__badge{position:absolute;top:-.7rem;left:1.25rem;background:var(--accent);color:var(--accent-fg);font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.15rem .6rem;border-radius:999px}.offer h3{margin:0 0 .25rem;font-size:1.15rem}.offer__price{margin:0 0 .25rem}.offer__price strong{font-size:2rem;letter-spacing:-.02em}.offer__price span{color:var(--fg-soft);font-size:.9rem}.offer__tagline{color:var(--fg-soft);font-size:.95rem;margin:0 0 1rem}.offer ul{margin:0;padding-left:1.1rem;color:var(--fg-soft);font-size:.95rem}.offer li{margin-bottom:.3rem}.offers__contact{margin-top:2rem;color:var(--fg-soft)}.footer{margin-top:auto;padding:2rem clamp(1rem,5vw,3rem);border-top:1px solid var(--line);color:var(--fg-soft);font-size:.9rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:24rem;box-shadow:var(--shadow)}.modal h2{margin:0 0 .25rem;font-size:1.25rem}.modal__sub{margin:0 0 1.25rem;color:var(--fg-soft);font-size:.95rem}.modal form{display:flex;flex-direction:column;gap:.35rem}.modal label{font-size:.85rem;color:var(--fg-soft);margin-top:.5rem}.modal input{font:inherit;padding:.6rem .7rem;border-radius:9px;border:1px solid var(--line);background:transparent;color:inherit;width:100%}.modal input:focus-visible,.btn:focus-visible,.nav__theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pwd{position:relative;display:flex}.pwd__toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--fg-soft);cursor:pointer;font-size:1rem}.error{color:#e5484d;font-size:.9rem;margin:.6rem 0 0}.sso{display:block;text-align:center;margin-top:1rem;font-size:.9rem;color:var(--fg-soft)}.vps-config{display:flex;flex-direction:column;gap:.35rem;max-width:26rem}.vps-config label{font-size:.85rem;color:var(--fg-soft);margin-top:.5rem}.vps-config select{font:inherit;padding:.6rem .7rem;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:inherit;width:100%}.vps-config__checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;color:var(--fg);cursor:pointer}.vps-config__checkbox input{width:auto}.modal__close{display:block;width:100%;margin-top:.75rem;background:none;border:none;color:var(--fg-soft);font:inherit;font-size:.9rem;cursor:pointer}.modal__close:hover{color:var(--fg)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.centered{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;width:100%;max-width:26rem;box-shadow:var(--shadow)}.panel h1{font-size:1.35rem;margin:0 0 .35rem}.panel__sub{color:var(--fg-soft);margin:0 0 1.25rem;font-size:.95rem}.panel form{display:flex;flex-direction:column;gap:.35rem}.panel label{font-size:.85rem;color:var(--fg-soft);margin-top:.5rem}.panel input{font:inherit;padding:.6rem .7rem;border-radius:9px;border:1px solid var(--line);background:transparent;color:inherit;width:100%}.panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{color:var(--fg-soft);font-size:.85rem;margin:.5rem 0 0}.notice{color:var(--fg-soft);font-size:.9rem;margin:.6rem 0 0}.linklike{display:block;width:100%;margin-top:.75rem;padding:0;background:none;border:none;color:var(--fg-soft);font:inherit;font-size:.9rem;text-align:center;cursor:pointer}.linklike:hover{color:var(--fg)}.linklike:disabled{opacity:.6;cursor:default}