:root{--background:#fbfbfb;--text:#2d2d2d;--muted:#777;--field:#f8f8f8;--blue:#79abe0;--blue-active:#3186ed;--link:#1682c4}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Lato,Benton-sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{width:100%;max-width:390px;min-height:100svh;margin:0 auto;padding:22px 32px 48px;overflow:hidden}.site-header{flex-direction:column;display:flex}.swisscard-logo{width:112px;height:43px;display:block}.swisscard-logo:focus-visible{outline:2px solid var(--link);outline-offset:3px}.swisscard-logo__image{width:100%;height:auto;display:block}.language-nav{align-self:flex-end;align-items:baseline;gap:12px;margin-top:5px;font-size:16px;line-height:1;display:flex}.language-nav a{transition:opacity .15s}.language-nav a:active{opacity:.55}.language-nav .is-muted{color:var(--muted)}.login-content{margin-top:42px}.login-content h1{letter-spacing:-.18px;margin:0;font-size:20px;font-weight:700;line-height:1.28}.intro{max-width:326px;margin:27px 0 0;font-size:16px;font-weight:400;line-height:1.52}.login-form{margin-top:61px}.field+.field{margin-top:28px}.field label{margin-bottom:11px;font-size:16px;font-weight:400;line-height:1.3;display:block}.field input{width:100%;height:50px;color:var(--text);background:var(--field);appearance:none;caret-color:var(--link);border:0;border-bottom:1px solid #343434;border-radius:0;outline:none;padding:0 13px}.field input:focus{border-bottom-color:var(--link);box-shadow:inset 0 -1px var(--link)}.field input.is-invalid,.field input.is-invalid:focus{box-shadow:none;border:1px solid #f05a5a}.password-input{position:relative}.password-input input{padding-right:48px}.eye-icon{color:#111;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.eye-icon:focus-visible{outline:2px solid var(--link);outline-offset:2px}.eye-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}.login-button{color:#fff;background:var(--blue);text-transform:uppercase;cursor:not-allowed;border:0;border-radius:0;width:100%;height:50px;margin-top:16px;font-size:17px;font-weight:500;transition:background-color .15s}.login-button:not(:disabled){background:var(--blue-active);cursor:pointer}.login-button:not(:disabled):hover{background:#287bdd}.login-button:not(:disabled):active{background:#226fc8}.support-links{flex-direction:column;align-items:flex-end;gap:10px;margin-top:20px;display:flex}.support-links a{color:var(--link);align-items:center;gap:12px;font-size:16px;line-height:1;display:flex}.support-links i{border-bottom:1.5px solid;width:20px;height:12px;display:block;position:relative;transform:translateY(-3px)}.support-links i:after{content:"";transform-origin:75% 75%;border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;position:absolute;bottom:-1.5px;right:0;transform:rotate(-45deg)}@media (min-width:900px){.login-page{max-width:1100px;padding:12px 0 80px}.site-header{flex-direction:row;justify-content:space-between;align-items:flex-start;min-height:72px}.swisscard-logo{width:180px;height:72px}.language-nav{align-self:flex-start;gap:25px;margin-top:15px;font-size:20px}.login-content{margin-top:52px}.login-content h1{letter-spacing:-.45px;font-size:40px;line-height:1.2}.intro{max-width:none;margin-top:32px;font-size:20px;line-height:1.3}.login-form{margin-top:64px}.field{grid-template-columns:40% minmax(0,1fr);align-items:center;column-gap:30px;display:grid}.field+.field{margin-top:21px}.field label{text-align:right;margin:0;font-size:20px;line-height:1}.field input{height:63px;padding:0 18px}.password-input{width:100%}.password-input input{padding-right:58px}.eye-icon{right:20px}.eye-icon svg{width:20px;height:20px}.login-button{width:200px;height:62px;margin:20px 0 0 auto;font-size:20px;display:block}.support-links{gap:17px;margin-top:31px}.support-links a{gap:15px;font-size:21px}.support-links i{width:26px;height:14px}}@media (max-width:350px){.login-page{padding-left:24px;padding-right:24px}.login-content h1{font-size:18px}.language-nav{gap:10px}}.sms-page{width:100%;max-width:390px;min-height:100svh;margin:0 auto;padding:8px 31px 50px}.sms-page .swisscard-logo{margin-left:8px}.sms-content{margin-top:33px}.sms-content h1{letter-spacing:-.18px;max-width:330px;margin:0;font-size:20px;font-weight:700;line-height:1.45}.sms-intro{margin:27px 0 0;font-size:16px;line-height:1.52}.sms-form{margin-top:21px}.sms-field label{margin-bottom:8px;font-size:16px;line-height:1.2;display:block}.sms-field input{width:100%;height:50px;color:var(--text);background:var(--field);appearance:none;caret-color:var(--link);border:1px solid #343434;border-radius:0;outline:none;padding:0 13px;display:block}.sms-field input:focus{border-color:var(--link)}.sms-field input.is-invalid,.sms-field input.is-invalid:focus{border-color:#f05a5a}.sms-actions{flex-direction:column;gap:16px;margin-top:16px;display:flex}.sms-action{text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;place-items:center;width:100%;height:50px;padding:0;font-size:17px;font-weight:500;display:grid}.sms-submit{border:1px solid var(--blue);color:#fff;background:var(--blue);cursor:not-allowed;transition:border-color .15s,background-color .15s}.sms-submit:not(:disabled){border-color:var(--blue-active);background:var(--blue-active);cursor:pointer}.sms-submit:not(:disabled):hover{background:#287bdd;border-color:#287bdd}.sms-submit:not(:disabled):active{background:#226fc8;border-color:#226fc8}.sms-cancel{color:#3186ed;border:1px solid #3186ed}.sms-action:focus-visible,.sms-new-code:focus-visible{outline:2px solid var(--link);outline-offset:2px}.sms-assistance{margin-top:43px}.sms-assistance p{margin:0;font-size:16px;line-height:1.5}.sms-new-code{color:#3186ed;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:34px auto 0;padding:0;font-size:17px;font-weight:500;line-height:1;display:block}@media (min-width:900px){.sms-page{max-width:730px;padding:10px 0 80px}.sms-page .site-header{min-height:50px}.sms-page .swisscard-logo{width:145px;height:50px;margin-left:6px}.sms-page .language-nav{gap:18px;margin-top:12px;font-size:14px}.sms-content{margin-top:32px}.sms-content h1{letter-spacing:-.3px;max-width:none;font-size:30px;line-height:1.2}.sms-intro{margin-top:20px;font-size:14px;line-height:1.4}.sms-form{margin-top:14px}.sms-field{grid-template-columns:282px minmax(0,1fr);align-items:center;column-gap:30px;display:grid}.sms-field label{text-align:right;margin:0;font-size:14px;line-height:1}.sms-field input{height:42px}.sms-actions{flex-direction:row;justify-content:flex-end;gap:12px;margin-top:13px;display:flex}.sms-action{width:134px;height:42px;font-size:14px}.sms-cancel{order:-1}.sms-assistance{margin-top:35px}.sms-assistance p{font-size:14px;line-height:1.5}.sms-new-code{margin:26px 30px 0 auto;font-size:14px}}