:root{color-scheme:light dark;font-family:Aptos,Segoe UI Variable,Segoe UI,sans-serif;color:var(--tg-theme-text-color, #17130d);background:radial-gradient(circle at 14% 10%,rgba(198,130,58,.24),transparent 28rem),linear-gradient(140deg,var(--tg-theme-bg-color, #f1e6d2),var(--tg-theme-secondary-bg-color, #d5c2a1));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: var(--tg-theme-text-color, #17130d);--muted: var(--tg-theme-hint-color, #6f6251);--card: color-mix(in srgb, var(--tg-theme-secondary-bg-color, #fffaf0) 82%, transparent);--accent: var(--tg-theme-button-color, #7c4a20);--accent-text: var(--tg-theme-button-text-color, #fff7ec);--line: color-mix(in srgb, var(--ink) 18%, transparent)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.page-shell{width:min(100%,44rem);min-height:100vh;margin:0 auto;padding:calc(1rem + var(--tg-safe-area-inset-top, env(safe-area-inset-top))) calc(1rem + var(--tg-safe-area-inset-right, env(safe-area-inset-right))) calc(1.5rem + var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom))) calc(1rem + var(--tg-safe-area-inset-left, env(safe-area-inset-left)))}.hero-card,.panel{border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:0 28px 70px #23180d29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{position:relative;overflow:hidden;padding:2rem}.hero-card:after{position:absolute;right:-3rem;bottom:-4rem;width:14rem;height:14rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,transparent);content:""}.eyebrow{margin:0 0 .7rem;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:.85rem;font-size:clamp(2.45rem,12vw,4.7rem);line-height:.88;letter-spacing:-.075em}h2{margin-bottom:.7rem;font-size:1.25rem}.lead{max-width:31rem;margin-bottom:0;color:var(--muted);font-size:1.05rem;line-height:1.55}.panel{margin-top:1rem;padding:1.2rem}.flow{display:grid;gap:1.2rem}label{display:block;margin-bottom:.5rem;color:var(--muted);font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.action-row{display:grid;grid-template-columns:1fr auto;gap:.65rem}input,textarea{min-width:0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--tg-theme-bg-color, #fffdf7) 86%,transparent);color:var(--ink);outline:none}input{height:3.15rem;padding:0 1rem}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}button,.profile-link{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;border:0;border-radius:16px;background:var(--accent);color:var(--accent-text);font-weight:800;padding:0 1.1rem;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.48}.status-line{margin:0;color:var(--muted)}.error-line{margin:0;color:#b42318;font-weight:700}.device-list{display:grid;gap:.85rem}.device-list h2{margin:0}.device-list ul{display:grid;gap:.65rem;padding:0;margin:0;list-style:none}.device-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:20px;padding:.85rem;background:color-mix(in srgb,var(--tg-theme-bg-color, #fffdf7) 68%,transparent)}.device-row div{display:grid;min-width:0;gap:.2rem}.device-row span{color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.danger-button{background:#b42318}.result{display:grid;gap:1rem}.profile-link{width:100%}.profile-primary{display:grid;grid-template-columns:minmax(10rem,15rem) 1fr;gap:1rem;align-items:stretch}.qr-card{display:grid;min-height:15rem;place-items:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fffdf7db,#e5cda494),color-mix(in srgb,var(--tg-theme-bg-color, #fffdf7) 90%,transparent);box-shadow:inset 0 1px #ffffff73;color:var(--muted);font-weight:700;text-align:center}.qr-card img{width:min(100%,13.5rem);height:auto;border-radius:18px}.vpn-url-block{display:grid;min-width:0;gap:.75rem;align-content:start}.vpn-url-field{min-height:7.6rem;font-size:.88rem;line-height:1.4;word-break:break-all}.result-actions{display:grid;grid-template-columns:1fr auto;gap:.65rem}textarea{min-height:16rem;padding:1rem;resize:vertical}@media(max-width:560px){.page-shell{padding-inline:.75rem}.hero-card{padding:1.5rem}.action-row,.profile-primary,.result-actions,.device-row{grid-template-columns:1fr}.qr-card{min-height:13rem}button{width:100%}}