.via-page{min-height:100svh;padding:max(72px,10svh) var(--gutter) 40px;flex-direction:column;align-items:center;gap:16px;display:flex}.via-page>div{flex-direction:column;gap:16px;width:100%;max-width:440px;display:flex}.via-page .via-home{border-radius:calc(12px*var(--rs,1));color:var(--text);margin-bottom:8px;padding:8px;display:inline-flex}.via-page .via-mark{width:96px;height:auto}.via-page .card{background:var(--surface);border:1px solid var(--line);border-radius:calc(22px*var(--rs,1));padding:24px}.via-page .card h1{letter-spacing:-.03em;font-size:clamp(1.75rem,6vw,2.25rem);font-weight:800;line-height:1.1}.via-page .card h1:focus{outline:none}.via-page .card h1:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.via-page .card h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.via-page .lead{color:var(--muted);margin-top:8px;font-size:1rem}.via-page .hint{color:var(--muted);font-size:.9375rem}.via-page .hint.center{text-align:center;padding:40px 0}.via-page form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.via-page .field{flex-direction:column;gap:6px;display:flex}.via-page .field label{font-size:1rem;font-weight:600}.via-page .field input{width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--line);border-radius:calc(12px*var(--rs,1));padding:12px 14px;font-size:1rem}.via-page .field input:hover{border-color:var(--muted)}.via-page .field input:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--ring)}.via-page .field input:user-invalid{border-color:var(--danger)}.via-page .pw{display:flex;position:relative}.via-page .pw input{padding-right:84px}.via-page .pw-toggle{border-radius:calc(9px*var(--rs,1));background:var(--surface-2);min-width:72px;color:var(--text);font:inherit;cursor:pointer;border:0;font-size:.9375rem;font-weight:600;position:absolute;top:4px;bottom:4px;right:4px}.via-page .turnstile{min-height:65px}.via-page .btn{border:1.5px solid var(--line);width:100%;min-height:48px;color:var(--text);font:inherit;cursor:pointer;text-align:center;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.via-page .btn:hover{background:var(--surface-2);border-color:var(--muted)}.via-page .btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.via-page .btn.primary:hover{opacity:.88;background:var(--text)}.via-page .btn[disabled]{opacity:.6;cursor:progress}.via-page .btn.signout{max-width:440px}.via-page .or{color:var(--muted);align-items:center;gap:12px;margin:20px 0 4px;font-size:.9375rem;display:flex}.via-page .or:before,.via-page .or:after{content:"";background:var(--line);flex:1;height:1px}.via-page .alt{flex-direction:column;gap:10px;margin-top:12px;display:flex}.via-page .switch{text-align:center;color:var(--muted);margin-top:20px;font-size:1rem}.via-page .link{min-height:44px;font:inherit;color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:600;text-decoration:underline}.via-page .msg-err:empty,.via-page .msg-ok:empty{display:none}.via-page .msg-err{border-radius:calc(12px*var(--rs,1));border:1.5px solid var(--danger);color:var(--text);background:color-mix(in srgb,var(--danger) 12%,transparent);margin-top:16px;padding:12px 14px;font-size:1rem}.via-page .msg-err:before{content:"Hata: ";font-weight:700}.via-page .msg-ok{border-radius:calc(12px*var(--rs,1));border:1.5px solid var(--via);background:color-mix(in srgb,var(--via) 12%,transparent);margin-top:16px;padding:12px 14px;font-size:1rem}.via-page .apps,.via-page .keys{flex-direction:column;gap:10px;margin-top:14px;list-style:none;display:flex}.via-page .apps li{border-radius:calc(14px*var(--rs,1));background:var(--bg);border:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.via-page .apps li:before{content:"";background:var(--c);border-radius:50%;grid-row:span 2;width:10px;height:10px}.via-page .apps b{font-size:1.0625rem}.via-page .apps span{color:var(--muted);grid-column:2;font-size:.9375rem}.via-page .apps em,.via-page .apps .open{border:1px solid var(--line);color:var(--muted);border-radius:999px;grid-area:1/3/span 2;padding:4px 10px;font-size:.875rem;font-style:normal}.via-page .keys li{border-radius:calc(12px*var(--rs,1));background:var(--bg);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 0 4px 14px;display:flex}.via-page .card>.btn.primary{margin-top:16px}.via-page .via-foot{color:var(--muted);margin-top:8px;font-size:1rem}.via-page .via-foot a{text-underline-offset:3px;padding:10px 4px;display:inline-block}.via-page .apps .open{background:var(--btn);min-height:44px;color:var(--on-btn);border:0;align-items:center;padding:0 18px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.via-page>div:has(.vh-hello){max-width:640px}.via-page .vh-hello{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.via-page .vh-hello-text{flex:1;min-width:0}.via-page .vh-hello h1{overflow-wrap:anywhere}.via-page .vh-hello .lead{overflow-wrap:anywhere;margin-top:4px}.via-page .vh-profile{width:auto;min-height:44px}.via-page .vh-today{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px;display:grid}.via-page .vh-tile{border-radius:calc(16px*var(--rs,1));background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--c);flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.via-page .vh-tile h3{font-size:1rem;font-weight:800}.via-page .vh-tile p{font-size:1rem}.via-page .vh-tile .link{align-self:flex-start;align-items:center;padding:0;display:inline-flex}.via-page .vh-plans{flex-direction:column;gap:4px;font-size:.9375rem;list-style:none;display:flex}.via-page .vh-plans li{overflow-wrap:anywhere}.via-page .vh-time{font-variant-numeric:tabular-nums;font-weight:700}.via-page .vh-quick{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:14px;display:grid}@media (max-width:480px){.via-page .vh-profile{width:100%}}
