:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1d1f;--ink-soft:#6e6e73;--ink-faint:#86868b;--paper:#f5f5f7;--surface:#ffffffd6;--surface-strong:#fff;--surface-soft:#ffffff94;--line:#00000017;--line-strong:#00000029;--focus:#0071e3;--focus-soft:#0071e31c;--danger:#c81e2a;--success:#237a3b;--radius-xl:36px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--shadow:0 28px 80px #00000014, 0 2px 10px #00000008;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--focus);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button{color:inherit}.auth-body{min-height:100vh}.auth-shell{isolation:isolate;background:linear-gradient(180deg, #ffffffbd, #f5f5f7eb), var(--paper);min-height:100vh;position:relative;overflow:hidden}.auth-shell:before{z-index:-2;content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#00000008 .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.auth-ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-ambient span{filter:blur(2px);opacity:.72;border-radius:50%;position:absolute}.auth-ambient span:first-child{background:radial-gradient(circle,#9acdff4d,#9acdff00 68%);width:min(62vw,920px);height:min(62vw,920px);top:-24vw;left:-12vw}.auth-ambient span:nth-child(2){background:radial-gradient(circle,#bba6ff3d,#bba6ff00 68%);width:min(72vw,1080px);height:min(72vw,1080px);bottom:-32vw;right:-20vw}.auth-ambient span:nth-child(3){background:radial-gradient(circle,#ffd6b02e,#ffd6b000 70%);width:min(38vw,560px);height:min(38vw,560px);top:14vh;right:10vw}.auth-workspace{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:22px clamp(18px,4vw,56px) 20px;display:flex}.auth-chrome{z-index:3;-webkit-backdrop-filter:blur(24px)saturate(155%);background:#ffffff8f;border:1px solid #ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;width:min(100%,900px);min-height:62px;padding:8px 12px 8px 10px;display:flex;position:relative;box-shadow:0 8px 28px #0000000e,inset 0 0 0 1px #00000009}.brand{width:fit-content;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(145deg,#fffffff0,#ffffff80),linear-gradient(145deg,#cbe8ff,#e9ddff);border:1px solid #ffffffe0;border-radius:14px;flex:none;width:44px;height:44px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 5px 15px #33659e21,inset 0 0 0 1px #0000000a}.brand-mark span{background:#007aff;border-radius:50%;width:10px;height:10px;display:block;position:absolute;box-shadow:0 1px 4px #004ca029}.brand-mark span:first-child{top:11px;left:11px}.brand-mark span:nth-child(2){background:#af52de;top:11px;right:11px}.brand-mark span:nth-child(3){background:#ff9f0a;bottom:11px;right:11px}.brand-name{letter-spacing:-.022em;font-size:16px;font-weight:600}.brand-name strong{font-weight:700}.protected-state{color:var(--ink-soft);letter-spacing:-.006em;background:#ffffff85;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:560;display:inline-flex}.protected-state i{background:#30d158;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #30d1581f}.auth-actions,.foundation-actions{align-items:center;gap:8px;display:flex}.theme-switcher{background:#ffffff7a;border:1px solid #0000000e;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #00000006}.theme-switcher button{width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,box-shadow .16s,transform .13s;display:grid}.theme-switcher button:hover{color:var(--ink)}.theme-switcher button:active{transform:scale(.94)}.theme-switcher button[aria-pressed=true]{color:var(--ink);background:#ffffffe6;box-shadow:0 2px 8px #00000017,inset 0 0 0 1px #00000009}.theme-switcher svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:17px;height:17px}.theme-switcher .theme-icon-fill{fill:currentColor;stroke:none}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-panel{z-index:1;border-radius:var(--radius-xl);background:var(--surface);width:min(100%,600px);box-shadow:var(--shadow), inset 0 0 0 1px #00000009;-webkit-backdrop-filter:blur(32px)saturate(125%);border:1px solid #fffffff5;margin:auto 0;padding:clamp(34px,5vw,54px);position:relative}.form-header{text-align:center;margin-bottom:34px}.form-eyebrow,.eyebrow{background:var(--focus-soft);min-height:30px;color:var(--focus);letter-spacing:-.006em;border-radius:999px;align-items:center;margin:0 0 17px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.form-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,44px);font-weight:660;line-height:1.04}.form-intro{max-width:460px;color:var(--ink-soft);letter-spacing:-.012em;margin:15px auto 0;font-size:16px;line-height:1.5}.auth-form{gap:20px;display:grid}.field{color:var(--ink);letter-spacing:-.005em;gap:9px;font-size:13px;font-weight:600;display:grid}.field-line,.form-options,.button-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.field input{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:62px;color:var(--ink);letter-spacing:-.015em;background:#ffffffc7;outline:none;padding:0 19px;font-size:17px;font-weight:450;transition:border-color .17s,box-shadow .17s,background .17s;box-shadow:inset 0 1px 1px #00000005}.field input:hover{border-color:var(--line-strong);background:var(--surface-strong)}.field input:focus{border-color:var(--focus);background:var(--surface-strong);box-shadow:0 0 0 4px #0071e31f}.code-field input{text-align:center;letter-spacing:.24em;font-size:28px;font-weight:650}.text-button{cursor:pointer;color:var(--focus);background:0 0;border:0;padding:0;font-size:12px;font-weight:550}.text-button:hover,.text-button:focus-visible{text-underline-offset:3px;text-decoration:underline}.form-options{color:var(--ink-soft);margin:-1px 2px 2px;font-size:13px}.check-control{color:var(--ink-soft);cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:480;display:inline-flex}.check-control input{width:18px;height:18px;accent-color:var(--focus)}.primary-button,.secondary-button{cursor:pointer;letter-spacing:-.012em;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:58px;padding:0 24px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.primary-button{background:var(--focus);color:#fff;border:1px solid #0071e3;justify-content:space-between;width:100%;box-shadow:0 10px 24px #0071e333}.primary-button:hover{background:#0077ed;text-decoration:none;transform:translateY(-1px);box-shadow:0 13px 29px #0071e33d}.primary-button:active,.secondary-button:active{transform:scale(.988)}.secondary-button{color:var(--ink);-webkit-backdrop-filter:blur(16px);background:#ffffffa8;border:1px solid #00000014;box-shadow:0 4px 14px #0000000a}.secondary-button:hover{background:#ffffffe0;border-color:#00000021;text-decoration:none}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0071e347}.security-note{color:var(--ink-faint);text-align:center;justify-content:center;align-items:center;gap:9px;margin:24px 0 0;font-size:12px;line-height:1.45;display:flex}.security-note>span{background:var(--focus-soft);width:20px;height:20px;color:var(--focus);border-radius:50%;place-items:center;font-size:12px;display:grid}.auth-footer{color:var(--ink-faint);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:11px;display:flex}.alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:11px;margin:-6px 0 22px;padding:14px 16px;font-size:13px;line-height:1.45;display:flex}.alert p{margin:0}.alert p+p{margin-top:4px}.alert-error{color:var(--danger);background:#ff3b3013;border-color:#c81e2a2e}.alert-success{color:var(--success);background:#34c75913;border-color:#237a3b29}.alert-icon{color:#fff;background:currentColor;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:11px;font-weight:700;display:grid}.centered-action{text-align:center;margin:22px 0 0;font-size:13px}.identity-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff94;align-items:center;gap:13px;margin:-6px 0 26px;padding:13px 15px;display:flex}.identity-preview>span{background:var(--focus-soft);width:40px;height:40px;color:var(--focus);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:650;display:grid}.identity-preview p,.identity-preview strong,.identity-preview small{margin:0;display:block}.identity-preview strong{font-size:14px;font-weight:620}.identity-preview small{color:var(--ink-soft);margin-top:3px;font-size:12px}.password-guidance{color:var(--ink-faint);margin:-6px 3px 0;font-size:12px;line-height:1.45}.recovery-panel{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.recovery-panel summary{cursor:pointer;color:var(--focus);text-align:center;font-size:13px;font-weight:520}.compact-form{margin-top:20px}.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-3px 0 30px;display:grid}.setup-step{border-radius:var(--radius-lg);min-width:0;color:var(--ink-faint);border:1px solid #0000;gap:10px;padding:14px;display:grid}.setup-step.is-current{border-color:var(--line);color:var(--ink);background:#ffffff9e;box-shadow:0 5px 18px #00000009}.setup-step>span{background:#0000000e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:650;display:grid}.setup-step.is-current>span{background:var(--focus);color:#fff}.setup-step p,.setup-step strong,.setup-step small{min-width:0;margin:0;display:block}.setup-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.setup-step small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.35;overflow:hidden}.qr-layout{grid-template-columns:218px 1fr;align-items:center;gap:28px;margin-bottom:28px;display:grid}.qr-frame{border:1px solid var(--line);background:#fff;border-radius:30px;place-items:center;width:218px;height:218px;padding:14px;display:grid;box-shadow:0 14px 34px #00000012}.qr-frame svg{width:188px;height:188px;display:block}.qr-help p{letter-spacing:-.015em;margin:0 0 8px;font-size:15px;font-weight:620}.qr-help small{color:var(--ink-soft);font-size:12px;line-height:1.45;display:block}.qr-help code{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius-sm);letter-spacing:.06em;background:#ffffffad;margin-top:14px;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.recovery-codes{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff8f;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px;display:grid}.recovery-codes code{border-radius:var(--radius-sm);color:var(--ink);text-align:center;background:#0000000b;padding:10px;font-size:12px}.button-row{justify-content:center;margin-top:14px}.button-row .secondary-button{min-height:44px;padding:0 17px;font-size:12px}.recovery-acknowledgement{margin-top:25px}.check-card{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:#ffffff8f;align-items:flex-start;padding:15px 16px;line-height:1.45}.setup-logout{margin-top:20px}.home-body{background:radial-gradient(circle at 5% 0%, #93cbff38, transparent 30%), radial-gradient(circle at 100% 100%, #bea7ff2e, transparent 34%), var(--paper);min-height:100vh}.foundation-page{min-height:100vh;padding:clamp(20px,4vw,52px)}.foundation-header{-webkit-backdrop-filter:blur(24px)saturate(150%);background:#ffffff94;border:1px solid #ffffffe0;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;min-height:64px;margin:0 auto;padding:9px 11px;display:flex;box-shadow:0 8px 28px #0000000d,inset 0 0 0 1px #00000008}.brand-dark{color:var(--ink)}.foundation-header .secondary-button{min-height:44px;padding:0 20px}.foundation-content{text-align:center;max-width:1040px;margin:clamp(76px,12vh,132px) auto 0}.foundation-content h1{letter-spacing:-.06em;max-width:900px;margin:0 auto;font-size:clamp(44px,7vw,78px);font-weight:660;line-height:.98}.foundation-content>p:not(.form-eyebrow){max-width:700px;color:var(--ink-soft);letter-spacing:-.018em;margin:26px auto 0;font-size:17px;line-height:1.6}.foundation-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.foundation-grid article{-webkit-backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #fffffff0;border-radius:30px;min-height:170px;padding:24px;box-shadow:0 12px 34px #0000000b,inset 0 0 0 1px #00000009}.foundation-grid article>span{background:var(--focus-soft);width:34px;height:34px;color:var(--focus);border-radius:50%;place-items:center;font-size:11px;font-weight:650;display:grid}.foundation-grid h2{margin:28px 0 6px;font-size:14px}.foundation-grid p{color:var(--ink-soft);margin:0;font-size:14px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f7;--ink-soft:#a1a1a6;--ink-faint:#8e8e93;--paper:#0b0b0d;--surface:#1c1c1edb;--surface-strong:#2c2c2e;--surface-soft:#2c2c2ea3;--line:#ffffff1c;--line-strong:#fff3;--focus:#0a84ff;--focus-soft:#0a84ff29;--danger:#ff6961;--success:#4bd868;--shadow:0 32px 90px #0000006b, 0 2px 12px #0003}html[data-theme=dark],html[data-theme=dark] body{background:var(--paper)}html[data-theme=dark] .auth-shell{background:linear-gradient(180deg, #121214d1, #0b0b0df5), var(--paper)}html[data-theme=dark] .auth-shell:before{opacity:.22;background-image:radial-gradient(#ffffff0e .55px,#0000 .55px)}html[data-theme=dark] .auth-ambient span:first-child{background:radial-gradient(circle,#2d6fae3b,#2d6fae00 68%)}html[data-theme=dark] .auth-ambient span:nth-child(2){background:radial-gradient(circle,#58449338,#58449300 68%)}html[data-theme=dark] .auth-ambient span:nth-child(3){background:radial-gradient(circle,#88522a1f,#88522a00 70%)}html[data-theme=dark] .auth-chrome,html[data-theme=dark] .foundation-header{background:#23232694;border-color:#ffffff21;box-shadow:0 12px 34px #0000003d,inset 0 0 0 1px #ffffff06}html[data-theme=dark] .brand-mark{background:linear-gradient(145deg,#3a3a3eeb,#1a1a1db8),linear-gradient(145deg,#154d78,#46316b);border-color:#ffffff2e;box-shadow:0 7px 20px #00000047,inset 0 0 0 1px #ffffff0e}html[data-theme=dark] .protected-state,html[data-theme=dark] .theme-switcher{background:#ffffff0e;border-color:#ffffff12}html[data-theme=dark] .theme-switcher button[aria-pressed=true]{background:#ffffff24;box-shadow:0 3px 10px #00000038,inset 0 0 0 1px #ffffff12}html[data-theme=dark] .auth-panel{background:var(--surface);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff06;border-color:#ffffff21}html[data-theme=dark] .field input{border-color:var(--line);background:#2c2c2ebd;box-shadow:inset 0 1px 1px #ffffff05}html[data-theme=dark] .field input:hover,html[data-theme=dark] .field input:focus{background:var(--surface-strong)}html[data-theme=dark] .primary-button{background:#0a84ff;border-color:#0a84ff;box-shadow:0 11px 27px #0a84ff30}html[data-theme=dark] .primary-button:hover{background:#168cff;box-shadow:0 14px 32px #0a84ff3d}html[data-theme=dark] .secondary-button,html[data-theme=dark] .setup-step.is-current,html[data-theme=dark] .qr-help code,html[data-theme=dark] .recovery-codes,html[data-theme=dark] .check-card,html[data-theme=dark] .identity-preview{border-color:var(--line);background:#fff1}html[data-theme=dark] .qr-frame{border-color:var(--line);background:#f5f5f7;box-shadow:0 15px 38px #00000042}html[data-theme=dark] .recovery-codes code,html[data-theme=dark] .setup-step>span{background:#ffffff13}html[data-theme=dark] .setup-step.is-current>span{background:var(--focus)}html[data-theme=dark] .home-body{background:radial-gradient(circle at 5% 0%, #2967a036, transparent 30%), radial-gradient(circle at 100% 100%, #523d8930, transparent 34%), var(--paper)}html[data-theme=dark] .foundation-grid article{background:#262629ad;border-color:#ffffff1c;box-shadow:0 14px 38px #00000040,inset 0 0 0 1px #ffffff06}@media (width<=760px){.auth-workspace{min-height:100svh;padding:14px 12px}.auth-chrome{min-height:58px;padding:7px 9px 7px 8px}.brand-mark{border-radius:13px;width:42px;height:42px}.brand-name{font-size:15px}.protected-state{padding:9px 11px;font-size:0}.protected-state:after{content:"Protetto";font-size:11px}.auth-panel{border-radius:30px;width:min(100%,600px);padding:32px 24px}.form-header{margin-bottom:29px}.form-header h1{font-size:36px}.form-intro{font-size:15px}.setup-steps{grid-template-columns:1fr}.setup-step{grid-template-columns:32px 1fr;align-items:center;padding:10px 12px}.setup-step p{min-width:0}.qr-layout{text-align:center;grid-template-columns:1fr}.qr-frame{margin:0 auto}.qr-help code{text-align:left}.foundation-grid{grid-template-columns:1fr}}@media (width<=440px){.auth-panel{padding:30px 20px}.form-options{flex-direction:column;align-items:flex-start;gap:13px}.recovery-codes{grid-template-columns:1fr}.button-row{flex-direction:column;align-items:stretch}.foundation-header .brand-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){:root{--line:#00000038;--ink-soft:#4d4d52}.auth-panel,.auth-chrome{background:#fffffff0}}@media print{.auth-ambient,.auth-chrome,.button-row,.recovery-acknowledgement,.setup-logout,.auth-footer{display:none!important}.auth-workspace{padding:20px;display:block}.auth-panel{width:100%;box-shadow:none;border:0}.recovery-codes{border-color:#000}}
