@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";.spinner{display:inline-flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.token-validation .validation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1.5rem}.token-validation .validation-content h2{margin-bottom:0;color:#fcfcfc}.token-validation .validation-content p{margin-bottom:0}.token-validation .token-entry{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;gap:1rem;width:100%}.token-validation .token-entry h2{color:#fcfcfc;margin-bottom:.25rem}.token-validation .token-entry .text-muted{color:#ccc;margin-bottom:1.5rem}.token-validation .token-entry .token-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:992px){.token-validation .token-entry .token-form{max-width:480px}}.email-verify{display:flex;flex-direction:column;align-items:center;width:100%}.email-verify .verify-content{width:100%;max-width:400px;padding:1.5rem;text-align:center}@media(min-width:992px){.email-verify .verify-content{max-width:480px;padding:2rem}}.email-verify .verify-content h1{color:#fcfcfc;margin-bottom:.5rem}.email-verify .verify-content .lead{margin-bottom:2rem}.email-verify .verify-form{text-align:left}.email-verify .verify-form .form-group{margin-bottom:2rem}.email-verify .verify-form .form-hint{text-align:center}.password-card{background:linear-gradient(135deg,#00b7c814,#011117);border:1px solid #00737d;border-radius:12px;overflow:hidden;width:100%;max-width:400px;position:absolute;left:0;right:0;margin:0 auto;animation:slideInRight .15s ease forwards}@media(min-width:992px){.password-card{max-width:480px}}.password-card.animating{animation:slideOutLeft .15s ease forwards}.password-card__content{padding:1.5rem}@media(min-width:992px){.password-card__content{padding:2rem}}.password-card.monitored{border-color:#d977064d}.password-card__monitored-banner{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:#d977061a;border-bottom:1px solid rgba(217,119,6,.2);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#d97706}.password-card__monitored-banner svg{width:14px;height:14px;flex-shrink:0}.password-card__service{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.password-card__service .service-icon{width:32px;height:32px;border-radius:8px;background:#012d40;display:flex;align-items:center;justify-content:center;padding:6px}.password-card__service .service-icon svg{width:100%;height:100%;color:#00b7c8}.password-card__service .service-url{font-size:1.5rem;font-weight:600;color:#00b7c8}.password-card__label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ccc;margin-bottom:.25rem}.password-card__value{background:#011117;border:1px solid #00737d;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.password-card__value .password-display{flex:1;font-family:JetBrains Mono,monospace;font-size:1.125rem;letter-spacing:.2em;color:#fcfcfc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease}.password-card__value .reveal-btn{background:transparent;border:1px solid #00737d;border-radius:4px;padding:.25rem .5rem;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-family:inherit;white-space:nowrap}.password-card__strength{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.password-card__strength .strength-meter{display:flex;gap:3px;flex:1}.password-card__strength .strength-meter .strength-bar{height:4px;flex:1;border-radius:2px;background:#00737d80;transition:background-color .3s ease}.password-card__strength .strength-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.password-card__alert{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;margin-top:.5rem}.password-card__alert .alert-icon{flex-shrink:0;width:16px;height:16px}.password-card__alert .alert-text{flex:1}.password-card__alert--danger{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#e77681}.password-card__alert--danger .alert-icon{color:#dc3545}.password-card__alert--warning{background:#ffc1071f;border:1px solid rgba(255,193,7,.3);color:#ffc107}.password-card__alert--warning .alert-icon{color:#ffc107}.password-card__alert--success{background:#19875426;border:1px solid rgba(25,135,84,.4);color:#2ed889}.password-card__alert--success .alert-icon{color:#198754}.password-card__alert--info{background:#0dcaf01f;border:1px solid rgba(13,202,240,.3);color:#0dcaf0}.password-card__alert--info .alert-icon{color:#0dcaf0}.password-card__footer{text-align:center}.password-card__question{margin-bottom:1.5rem}.password-card__question .question-text{font-size:1rem;color:#fcfcfc}.password-card__actions .action-btn{flex:1;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-card__actions .action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}.password-review{width:100%;max-width:400px;padding:0}@media(min-width:992px){.password-review{max-width:480px}}.password-review .review-header{text-align:center;margin-bottom:1.5rem}.password-review .review-header h1{color:#fcfcfc;font-size:1.75rem;margin-bottom:.25rem}@media(max-width:768px){.password-review .review-header h1{font-size:1.5rem}}.password-review .review-header .lead{font-size:.9rem;margin-bottom:0}.password-review .review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem}.password-review .progress-container{margin-bottom:2rem}.password-review .progress-bar{height:4px;background:#012d40;border-radius:9999px;overflow:hidden}.password-review .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00737d,#00b7c8);border-radius:9999px;transition:width .3s ease}.password-review .progress-text{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#ccc}.password-review .auto-reveal-toggle{display:flex;justify-content:center;margin-bottom:1.5rem}.password-review .auto-reveal-toggle .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.password-review .auto-reveal-toggle .toggle-label input{position:absolute;opacity:0;pointer-events:none}.password-review .auto-reveal-toggle .toggle-label .toggle-switch{width:36px;height:20px;background:#012d40;border:1px solid #00737d;border-radius:9999px;position:relative;transition:all .3s ease}.password-review .auto-reveal-toggle .toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#ccc;border-radius:50%;transition:all .3s ease}.password-review .auto-reveal-toggle .toggle-label input:checked+.toggle-switch{background:#00b7c84d;border-color:#00b7c8}.password-review .auto-reveal-toggle .toggle-label input:checked+.toggle-switch:after{left:18px;background:#00b7c8}.password-review .auto-reveal-toggle .toggle-label .toggle-text{font-size:.8rem;color:#ccc}.password-review .auto-reveal-toggle .toggle-label:hover .toggle-switch{border-color:#00b7c8}.password-review .card-container{min-height:400px;position:relative;width:100%}.password-change{width:100%;max-width:440px;padding:0}@media(min-width:992px){.password-change{max-width:520px}}.password-change .change-header{text-align:center;margin-bottom:1.5rem}.password-change .change-header h1{color:#fcfcfc;font-size:1.75rem;margin-bottom:.25rem}@media(max-width:768px){.password-change .change-header h1{font-size:1.5rem}}.password-change .change-header .lead{font-size:.9rem;margin-bottom:0}.password-change .progress-container{margin-bottom:1.5rem}.password-change .progress-bar{height:4px;background:#012d40;border-radius:9999px;overflow:hidden}.password-change .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00737d,#00b7c8);border-radius:9999px;transition:width .3s ease}.password-change .progress-text{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#ccc}.password-change .change-card{background:linear-gradient(135deg,#ffc10714,#011117);border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.password-change .change-card__service{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,193,7,.3)}.password-change .change-card__service svg{color:#ffc107;flex-shrink:0}.password-change .change-card__service span{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;color:#ffc107;word-break:break-all}.password-change .change-card__guidance{text-align:center;margin-bottom:1rem}.password-change .change-card__guidance p{font-size:.85rem;color:#fcfcfc;margin-bottom:.5rem}.password-change .change-card__guidance .ncsc-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#ffc107;text-decoration:none}.password-change .change-card__guidance .ncsc-link:hover{text-decoration:underline}.password-change .change-card__instructions{margin-top:1rem;padding:1rem;background:#01111780;border-radius:8px}.password-change .change-card__instructions h4{font-size:.8rem;color:#ccc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.password-change .change-card__instructions ol{margin:0;padding-left:1.5rem;font-size:.85rem;color:#fcfcfc;line-height:1.7}.password-change .change-card__instructions ol li{margin-bottom:.25rem}.password-change .change-card__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.password-change .password-style-toggle{display:flex;gap:.25rem;margin-bottom:1rem;background:#011117;border-radius:8px;padding:.25rem}.password-change .password-style-toggle .style-btn{flex:1;padding:.5rem 1rem;border:none;border-radius:4px;font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;color:#ccc}.password-change .password-style-toggle .style-btn:hover{color:#fcfcfc}.password-change .password-style-toggle .style-btn.active{background:#ffc107;color:#011117}.password-change .generated-password-container{background:#011117;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:.5rem}.password-change .generated-password-container .generated-password{display:block;font-family:JetBrains Mono,monospace;font-size:1.1rem;color:#25c87c;word-break:break-all;margin-bottom:.5rem;text-align:center}.password-change .generated-password-container .password-actions{display:flex;justify-content:center;gap:.5rem}.password-change .action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .3s ease;border:1px solid #00737d;background:transparent;color:#ccc}.password-change .action-btn:hover{border-color:#ffc107;color:#ffc107}.password-change .action-btn.copy-btn{border-color:#198754;color:#198754}.password-change .action-btn.copy-btn:hover{background:#19875426}.password-change .primary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:1px solid #198754;border-radius:8px;background:#19875426;color:#198754;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.password-change .primary-btn:hover:not(:disabled){background:#19875440;box-shadow:0 0 15px #1987544d}.password-change .primary-btn:disabled{opacity:.5;cursor:not-allowed}.password-change .secondary-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 1rem;border:1px solid rgba(255,193,7,.3);border-radius:8px;background:transparent;color:#ccc;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .3s ease}.password-change .secondary-btn:hover{border-color:#ffc107;color:#ffc107}.password-change .skip-all-btn{display:block;width:100%;padding:.5rem;border:none;background:transparent;color:#ccc;font-size:.8rem;font-family:inherit;cursor:pointer;text-align:center;opacity:.7;transition:opacity .3s ease}.password-change .skip-all-btn:hover{opacity:1}.training-slide{width:100%;max-width:400px;margin:0 auto}@media(min-width:992px){.training-slide{max-width:520px}}.training-card{background:linear-gradient(135deg,#00b7c80d,#011117);border:1px solid #00737d;border-radius:12px;padding:2rem;text-align:center}@media(min-width:992px){.training-card{padding:3rem}}.training-card__icon svg{width:40px;height:40px;color:#00b7c8}.training-card__content{color:#ccc;margin-bottom:1.5rem;line-height:1.7;font-size:.95rem}.training-card__tips{text-align:left;list-style:none;padding:0;margin:0}.training-card__tips li{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;color:#fcfcfc;font-size:.875rem;line-height:1.5}.training-card__tips li:before{content:">";color:#00b7c8;font-weight:700;flex-shrink:0;margin-top:1px}.training{width:100%;max-width:480px;padding:1rem}@media(min-width:992px){.training{max-width:600px;padding:1.5rem}}.training .training-header{text-align:center;margin-bottom:1.5rem}.training .training-header h1{color:#fcfcfc;font-size:1.75rem;margin-bottom:.25rem}@media(max-width:768px){.training .training-header h1{font-size:1.5rem}}.training .training-header .lead{font-size:.9rem;margin-bottom:0}.training .progress-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.training .progress-dots .dot{width:10px;height:10px;border-radius:50%;background:#012d40;border:none;padding:0;cursor:pointer;transition:all .3s ease}.training .progress-dots .dot:hover{background:#00737d}.training .progress-dots .dot.active{background:#00b7c8;box-shadow:0 0 8px #00b7c880;transform:scale(1.2)}.training .progress-dots .dot.completed{background:#00737d}.training .progress-dots .dot:focus{outline:none;box-shadow:0 0 0 2px #00b7c84d}.training .slide-container{min-height:400px;margin-bottom:2rem}.training .training-actions .action-row{display:flex;gap:1rem;justify-content:space-between}.training .training-actions .action-row .btn{min-width:120px}.training .training-actions .action-row .btn-ghost{min-width:auto}:root.lens-branded .training .btn-ghost,:root.lens-branded .training .btn.btn-ghost{color:#495057!important}:root.lens-branded .training .btn-ghost:hover,:root.lens-branded .training .btn.btn-ghost:hover{color:var(--lens-primary)!important}.complete-page .complete-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.complete-page .complete-icon{width:100px;height:100px;border-radius:50%;background:#19875426;border:2px solid #198754;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;animation:scaleIn .5s ease forwards}.complete-page .complete-icon svg{width:50px;height:50px;color:#198754}.complete-page h1{color:#fcfcfc;margin-bottom:.25rem;animation:fadeInUp .5s ease .2s forwards;opacity:0}.complete-page .complete-subtitle{font-size:1.125rem;color:#00b7c8;margin-bottom:.5rem;animation:fadeInUp .5s ease .3s forwards;opacity:0}.complete-page .complete-message{color:#ccc;max-width:320px;line-height:1.7;animation:fadeInUp .5s ease .4s forwards;opacity:0}.complete-page .complete-monitored-thanks{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#ffc10714,#00b7c80d);border:1px solid rgba(255,193,7,.3);border-radius:12px;text-align:center;max-width:360px;animation:fadeInUp .5s ease .45s forwards;opacity:0}.complete-page .complete-monitored-thanks .thanks-icon{width:48px;height:48px;margin:0 auto 1rem;border-radius:50%;background:#ffc10726;display:flex;align-items:center;justify-content:center}.complete-page .complete-monitored-thanks .thanks-icon svg{width:24px;height:24px;color:#ffc107}.complete-page .complete-monitored-thanks h3{color:#ffc107;font-size:1rem;margin-bottom:.5rem}.complete-page .complete-monitored-thanks p{color:#ccc;font-size:.875rem;line-height:1.6;margin:0}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-page .error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.error-page .error-icon{width:80px;height:80px;border-radius:50%;background:#dc354526;border:2px solid #dc3545;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.error-page .error-icon svg{width:40px;height:40px;color:#dc3545}.error-page h1{color:#fcfcfc;margin-bottom:.5rem}.error-page .error-message{font-size:1.125rem;color:#ccc;max-width:300px}.error-page .error-support{font-size:.875rem;margin-top:1.5rem}:root{--body-bg: #0e1924;--body-color: #fcfcfc;--headings-color: #cccccc;--primary: #00b7c8;--border-color: #00737d;--dark-base: #011117;--dark-accent: #3f3f3f;--subtle-hue: #012d40;--success: #198754;--danger: #dc3545;--warning: #ffc107;--info: #0dcaf0}body{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;color:#ccc;line-height:1.3;margin-bottom:1rem}h1{font-size:2.5rem}@media(max-width:768px){h1{font-size:2rem}}h2{font-size:2rem}@media(max-width:768px){h2{font-size:1.75rem}}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.lead{font-size:1.125rem;color:#ccc;line-height:1.7}.small{font-size:.875rem}.tiny{font-size:.75rem}.text-primary{color:#00b7c8}.text-muted{color:#ccc}.text-success{color:#198754}.text-danger{color:#dc3545}.text-center{text-align:center}.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:.05em}.password-text{font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:.15em;font-size:1.125rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0e1924;color:#fcfcfc;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1rem;padding-bottom:env(safe-area-inset-bottom,1rem)}@media(min-width:768px){.app-shell{padding:2rem}}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;padding:1rem 0;margin-bottom:1.5rem}@media(min-width:992px){.app-header{padding:1.5rem 0;margin-bottom:2rem}}.app-header .logo{display:flex;align-items:center;gap:.5rem}.app-header .logo .logo-image{height:28px;width:auto}@media(min-width:768px){.app-header .logo .logo-image{height:32px}}@media(min-width:992px){.app-header .logo .logo-image{height:36px}}.app-header .logo .divider{font-size:1.25rem;font-weight:300;color:#00737d;margin:0 .25rem}@media(min-width:992px){.app-header .logo .divider{margin:0 .5rem}}.app-header .logo .product{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:1rem;font-weight:400;font-style:italic;color:#00b7c8;letter-spacing:.15em;text-shadow:0 0 10px rgba(0,183,200,.4)}@media(min-width:768px){.app-header .logo .product{font-size:1.1rem}}@media(min-width:992px){.app-header .logo .product{font-size:1.2rem}}.language-selector{position:relative}.language-selector__trigger{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-family:inherit;font-size:.7rem;font-weight:500;letter-spacing:.05em;color:#ccc;background:transparent;border:1px solid rgba(0,115,125,.5);border-radius:4px;cursor:pointer;transition:all .3s ease}.language-selector__trigger:hover{color:#00b7c8;border-color:#00b7c8}.language-selector__trigger:focus{outline:none;border-color:#00b7c8;box-shadow:0 0 0 2px #00b7c833}.language-selector.is-open .language-selector__trigger{color:#00b7c8;border-color:#00b7c8}.language-selector__menu{position:absolute;top:calc(100% + .25rem);right:0;min-width:140px;margin:0;padding:.25rem 0;list-style:none;background:#011117;border:1px solid #00737d;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:100;animation:fadeIn .15s ease}.language-selector__menu li{margin:0;padding:0}.language-selector__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;color:#fcfcfc;background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.language-selector__item:hover{background:#00b7c81a;color:#00b7c8}.language-selector__item.is-active,.language-selector__item.is-active .language-selector__code{color:#00b7c8}.language-selector__code{font-weight:600;font-size:.7rem;letter-spacing:.05em;color:#ccc;min-width:24px}.language-selector__name{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:480px;margin:0 auto}@media(min-width:992px){.app-content{max-width:600px}}@media(min-width:1200px){.app-content{max-width:680px}}.page{width:100%;animation:fadeInUp .3s ease forwards}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.progress-container{width:100%;max-width:400px;margin:0 auto 2rem}@media(min-width:992px){.progress-container{max-width:500px}}.progress-bar{height:4px;background:#012d40;border-radius:9999px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:#00b7c8;border-radius:9999px;transition:width .3s ease}.progress-text{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#ccc}.progress-dots{display:flex;justify-content:center;gap:.5rem;padding:1rem 0}.progress-dots .dot{width:8px;height:8px;border-radius:50%;background:#012d40;transition:all .3s ease}.progress-dots .dot.active{background:#00b7c8;box-shadow:0 0 8px #00b7c880}.progress-dots .dot.completed{background:#00737d}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.py-sm{padding-top:.5rem;padding-bottom:.5rem}.py-md{padding-top:1rem;padding-bottom:1rem}.py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.py-xl{padding-top:2rem;padding-bottom:2rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.px-md{padding-left:1rem;padding-right:1rem}.px-lg{padding-left:1.5rem;padding-right:1.5rem}.px-xl{padding-left:2rem;padding-right:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.w-full{width:100%}.max-w-sm{max-width:320px}.max-w-md{max-width:400px}.max-w-lg{max-width:480px}.app-footer{width:100%;max-width:600px;padding:2rem 0 1rem;margin-top:auto;text-align:center}.app-footer .footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.app-footer .footer-divider{color:#00737d;font-size:.75rem}.app-footer .footer-link{font-size:.75rem;color:#ccc;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:color .15s ease}.app-footer .footer-link:hover{color:#00b7c8}.app-footer .footer-link--brand{color:#00b7c8;font-weight:500}.app-footer .footer-credit{font-size:.7rem;color:#ccc9}.help-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200;animation:fadeIn .15s ease}.help-modal{background:#011117;border:1px solid #00737d;border-radius:12px;padding:2rem;max-width:420px;width:100%;text-align:center;animation:fadeInUp .3s ease}.help-modal h3{color:#ccc;font-size:1.25rem;margin-bottom:1rem}.help-modal p{color:#fcfcfc;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.help-modal .btn{min-width:120px}html.lens-branded body,:root.lens-branded body{background-color:var(--lens-bg, #ffffff);color:var(--lens-text, #212529)}html.lens-branded .app-shell.branded,:root.lens-branded .app-shell.branded{background-color:var(--lens-bg, #ffffff)}html.lens-branded .app-header.branded .logo .branded-logo,:root.lens-branded .app-header.branded .logo .branded-logo{max-height:48px;height:auto;width:auto;max-width:200px}@media(min-width:768px){html.lens-branded .app-header.branded .logo .branded-logo,:root.lens-branded .app-header.branded .logo .branded-logo{max-height:56px;max-width:240px}}@media(min-width:992px){html.lens-branded .app-header.branded .logo .branded-logo,:root.lens-branded .app-header.branded .logo .branded-logo{max-height:64px;max-width:280px}}html.lens-branded .card,:root.lens-branded .card{background:var(--lens-surface, #f8f9fa);border-color:var(--lens-border, #dee2e6);box-shadow:0 2px 8px #00000014}html.lens-branded .text-muted,:root.lens-branded .text-muted{color:var(--lens-text-muted, #495057)!important}html.lens-branded .lead,:root.lens-branded .lead{color:var(--lens-text-muted, #495057)}html.lens-branded .form-hint,:root.lens-branded .form-hint{color:var(--lens-text-muted, #495057)}html.lens-branded .form-label,:root.lens-branded .form-label{color:var(--lens-text, #212529)}html.lens-branded h1,html.lens-branded h2,html.lens-branded h3,html.lens-branded h4,html.lens-branded h5,html.lens-branded h6,:root.lens-branded h1,:root.lens-branded h2,:root.lens-branded h3,:root.lens-branded h4,:root.lens-branded h5,:root.lens-branded h6{color:var(--lens-text, #212529)}html.lens-branded p,:root.lens-branded p{color:var(--lens-text, #212529)}html.lens-branded .btn-primary,:root.lens-branded .btn-primary{background-color:var(--lens-primary, #00b7c8);border-color:var(--lens-primary, #00b7c8)}html.lens-branded .btn-primary:hover,:root.lens-branded .btn-primary:hover{background-color:var(--lens-primary, #00b7c8);filter:brightness(.9)}html.lens-branded .btn-outline,:root.lens-branded .btn-outline{border-color:var(--lens-primary, #00b7c8);color:var(--lens-primary, #00b7c8)}html.lens-branded .btn-outline:hover,:root.lens-branded .btn-outline:hover{background-color:var(--lens-primary, #00b7c8);color:#fff}html.lens-branded .btn-secondary,:root.lens-branded .btn-secondary{color:#495057!important;border-color:#ced4da}html.lens-branded .btn-secondary:hover:not(:disabled),:root.lens-branded .btn-secondary:hover:not(:disabled){color:var(--lens-primary, #00b7c8)!important;border-color:var(--lens-primary, #00b7c8)}html.lens-branded button.btn-ghost,html.lens-branded .btn.btn-ghost,html.lens-branded .btn-ghost,html.lens-branded .training-actions .btn-ghost,html.lens-branded .action-row .btn-ghost,:root.lens-branded button.btn-ghost,:root.lens-branded .btn.btn-ghost,:root.lens-branded .btn-ghost,:root.lens-branded .training-actions .btn-ghost,:root.lens-branded .action-row .btn-ghost{color:#495057!important;background:transparent!important}html.lens-branded button.btn-ghost:hover:not(:disabled),html.lens-branded .btn.btn-ghost:hover:not(:disabled),html.lens-branded .btn-ghost:hover:not(:disabled),html.lens-branded .training-actions .btn-ghost:hover:not(:disabled),html.lens-branded .action-row .btn-ghost:hover:not(:disabled),:root.lens-branded button.btn-ghost:hover:not(:disabled),:root.lens-branded .btn.btn-ghost:hover:not(:disabled),:root.lens-branded .btn-ghost:hover:not(:disabled),:root.lens-branded .training-actions .btn-ghost:hover:not(:disabled),:root.lens-branded .action-row .btn-ghost:hover:not(:disabled){color:var(--lens-primary, #00b7c8)!important;background:#0000000d!important}html.lens-branded [class*=btn-ghost],:root.lens-branded [class*=btn-ghost]{color:#495057!important}html.lens-branded .btn-primary,:root.lens-branded .btn-primary{color:#fff!important;background-color:var(--lens-primary, #00b7c8)}html.lens-branded .btn-primary:hover:not(:disabled),:root.lens-branded .btn-primary:hover:not(:disabled){color:#fff!important;background-color:var(--lens-primary, #00b7c8);filter:brightness(.9);box-shadow:0 0 20px #00000026!important}html.lens-branded .btn-primary:focus,:root.lens-branded .btn-primary:focus{box-shadow:0 0 0 3px #0000001a!important}html.lens-branded .progress-fill,:root.lens-branded .progress-fill{background:var(--lens-primary, #00b7c8)!important}html.lens-branded .progress-dots .dot.active,:root.lens-branded .progress-dots .dot.active{background:var(--lens-primary, #00b7c8);box-shadow:0 0 8px #0003}html.lens-branded .form-input,:root.lens-branded .form-input{background:#fff;border-color:var(--lens-border, #dee2e6);color:var(--lens-text, #212529)}html.lens-branded .form-input:focus,:root.lens-branded .form-input:focus{border-color:var(--lens-primary, #00b7c8);box-shadow:0 0 0 3px #0000001a}html.lens-branded .password-card,:root.lens-branded .password-card{background:var(--lens-surface, #f8f9fa)!important;border-color:var(--lens-border, #dee2e6)}html.lens-branded .password-card__service .service-url,:root.lens-branded .password-card__service .service-url{color:var(--lens-primary, #00b7c8)!important}html.lens-branded .password-card__label,:root.lens-branded .password-card__label{color:var(--lens-text-muted, #495057)}html.lens-branded .password-card__value,:root.lens-branded .password-card__value{background:#fff!important;border-color:var(--lens-border, #dee2e6)}html.lens-branded .password-card__value .password-display,:root.lens-branded .password-card__value .password-display{color:var(--lens-text, #212529)}html.lens-branded .password-card__value .reveal-btn,:root.lens-branded .password-card__value .reveal-btn{color:var(--lens-text-muted, #495057);border-color:var(--lens-border, #dee2e6)}html.lens-branded .password-card__value .reveal-btn:hover,:root.lens-branded .password-card__value .reveal-btn:hover{color:var(--lens-primary, #00b7c8);border-color:var(--lens-primary, #00b7c8)}html.lens-branded .password-card__meta,:root.lens-branded .password-card__meta{color:var(--lens-text-muted, #495057)}html.lens-branded .password-card__question .question-text,:root.lens-branded .password-card__question .question-text{color:var(--lens-text, #212529)}html.lens-branded .training-card,:root.lens-branded .training-card{background:var(--lens-surface, #f8f9fa)!important;border-color:var(--lens-border, #dee2e6)}html.lens-branded .training-card__icon,:root.lens-branded .training-card__icon{border-color:var(--lens-primary, #00b7c8);background:#00000008}html.lens-branded .training-card__icon svg,:root.lens-branded .training-card__icon svg{color:var(--lens-primary, #00b7c8)!important}html.lens-branded .training-card__content,:root.lens-branded .training-card__content{color:var(--lens-text-muted, #495057)}html.lens-branded .training-card__title,:root.lens-branded .training-card__title{color:var(--lens-text, #212529)}html.lens-branded .training-card__tips li,:root.lens-branded .training-card__tips li{color:var(--lens-text, #212529)}html.lens-branded .training-card__tips li:before,:root.lens-branded .training-card__tips li:before{color:var(--lens-primary, #00b7c8)}html.lens-branded .complete-page .complete-icon,:root.lens-branded .complete-page .complete-icon{background:#00000008;border-color:var(--lens-primary, #00b7c8)}html.lens-branded .complete-page .complete-icon svg,:root.lens-branded .complete-page .complete-icon svg{color:var(--lens-primary, #00b7c8)!important}html.lens-branded .complete-page .complete-subtitle,:root.lens-branded .complete-page .complete-subtitle{color:var(--lens-primary, #00b7c8)}html.lens-branded .complete-page .complete-message,:root.lens-branded .complete-page .complete-message{color:var(--lens-text-muted, #495057)}html.lens-branded .complete-page .complete-badge,:root.lens-branded .complete-page .complete-badge{background:var(--lens-surface, #f8f9fa)!important;border-color:var(--lens-border, #dee2e6)}html.lens-branded .complete-page .complete-badge .badge-text,:root.lens-branded .complete-page .complete-badge .badge-text{color:var(--lens-primary, #00b7c8)}html.lens-branded .icon-success,html.lens-branded .check-icon,:root.lens-branded .icon-success,:root.lens-branded .check-icon{color:var(--lens-primary, #00b7c8)!important}html.lens-branded .progress-text,:root.lens-branded .progress-text{color:var(--lens-text-muted, #495057)}html.lens-branded .app-footer .footer-divider,:root.lens-branded .app-footer .footer-divider{color:var(--lens-border, #dee2e6)}html.lens-branded .app-footer .footer-link,:root.lens-branded .app-footer .footer-link{color:var(--lens-text-muted, #495057)}html.lens-branded .app-footer .footer-link:hover,:root.lens-branded .app-footer .footer-link:hover{color:var(--lens-primary, #00b7c8)}html.lens-branded .app-footer .footer-link--brand,:root.lens-branded .app-footer .footer-link--brand{color:var(--lens-primary, #00b7c8)}html.lens-branded .app-footer .footer-credit,:root.lens-branded .app-footer .footer-credit{color:#49505799}html.lens-branded .help-modal,:root.lens-branded .help-modal{background:#fff;border-color:var(--lens-border, #dee2e6)}html.lens-branded .help-modal h3,:root.lens-branded .help-modal h3{color:var(--lens-text, #212529)}html.lens-branded .help-modal p,:root.lens-branded .help-modal p{color:var(--lens-text-muted, #495057)}html.lens-branded button.btn-ghost,html.lens-branded .btn.btn-ghost{color:#495057!important}html.lens-branded button.btn-ghost:hover,html.lens-branded .btn.btn-ghost:hover{color:var(--lens-primary, #d16b76)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00b7c84d}50%{box-shadow:0 0 25px #00b7c899}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .3s ease forwards}.animate-fade-in-down{animation:fadeInDown .3s ease forwards}.animate-slide-in-right{animation:slideInRight .3s ease forwards}.animate-slide-out-left{animation:slideOutLeft .3s ease forwards}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.card-stack{position:relative}.card-stack .card-item{position:absolute;top:0;left:0;width:100%;transition:transform .3s ease,opacity .3s ease}.card-stack .card-item.entering{animation:slideInRight .3s ease forwards}.card-stack .card-item.exiting{animation:slideOutLeft .3s ease forwards}.card-stack .card-item.exiting-back{animation:slideInLeft .3s ease reverse forwards}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .15s ease}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#ccc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:1rem 1.5rem;background:#011117;border:1px solid #00737d;border-radius:8px;color:#fcfcfc;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:#ccc9}.form-input:hover{border-color:#00b7c880}.form-input:focus{outline:none;border-color:#00b7c8;box-shadow:0 0 0 3px #00b7c833}.form-input.error{border-color:#dc3545}.form-input.error:focus{box-shadow:0 0 0 3px #dc354533}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-error{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;color:#dc3545}.form-hint{margin-top:.25rem;font-size:.75rem;color:#ccc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus{outline:none}.btn-primary{background:#00b7c8;color:#011117}.btn-primary:hover:not(:disabled){background:#00cee2;box-shadow:0 0 20px #00b7c84d}.btn-primary:focus{box-shadow:0 0 0 3px #00b7c866}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:transparent;border:1px solid #00737d;color:#fcfcfc}.btn-secondary:hover:not(:disabled){border-color:#00b7c8;color:#00b7c8}.btn-secondary:focus{box-shadow:0 0 0 3px #00b7c833}.btn-ghost{background:transparent;color:#ccc;padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){color:#00b7c8;background:#00b7c81a}.btn-success{background:#198754;color:#fff}.btn-success:hover:not(:disabled){background:#1d9d61;box-shadow:0 0 15px #19875466}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#e04b59;box-shadow:0 0 15px #dc354566}.btn-lg{padding:1.5rem 3rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-block{width:100%}.btn-icon{padding:.5rem}.btn-icon svg{width:20px;height:20px}.btn-group{display:flex;gap:1rem}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-stretch .btn{flex:1}.card{background:linear-gradient(135deg,#00b7c80d,#011117);border:1px solid #00737d;border-radius:12px;padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:0 0 20px #00b7c84d}.password-card:focus-within{box-shadow:0 0 20px #00b7c84d}.password-card__header{margin-bottom:1.5rem;text-align:center}.password-card__service{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.password-card__service .service-icon{width:24px;height:24px;border-radius:4px;background:#012d40;display:flex;align-items:center;justify-content:center}.password-card__service .service-icon img{width:16px;height:16px}.password-card__service .service-url{font-size:1.25rem;font-weight:600;color:#00b7c8}.password-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ccc}.password-card__body{margin-bottom:2rem}.password-card__value{background:#011117;border:1px solid #00737d;border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.password-card__value .password-display{flex:1;font-family:JetBrains Mono,monospace;font-size:1.125rem;letter-spacing:.2em;color:#fcfcfc;overflow:hidden;text-overflow:ellipsis}.password-card__value .password-display.revealed{letter-spacing:.05em;color:#00b7c8}.password-card__value .reveal-btn{background:transparent;border:1px solid #00737d;border-radius:4px;padding:.25rem .5rem;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.75rem}.password-card__value .reveal-btn:hover{border-color:#00b7c8;color:#00b7c8}.password-card__value .reveal-btn:focus{outline:none;border-color:#00b7c8;box-shadow:0 0 0 2px #00b7c833}.password-card__meta{margin-top:.5rem;font-size:.75rem;color:#ccc;text-align:center}.password-card__question{text-align:center;margin-bottom:1.5rem}.password-card__question .question-text{font-size:1rem;color:#ccc;margin-bottom:1rem}.password-card__actions{display:flex;gap:1rem}.password-card__actions .action-btn{flex:1;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-card__actions .action-btn.action-yes{background:#19875426;border:1px solid #198754;color:#198754}.password-card__actions .action-btn.action-yes:hover{background:#19875440;box-shadow:0 0 15px #1987544d}.password-card__actions .action-btn.action-no{background:#dc354526;border:1px solid #dc3545;color:#dc3545}.password-card__actions .action-btn.action-no:hover{background:#dc354540;box-shadow:0 0 15px #dc35454d}.password-card__actions .action-btn:focus{outline:none;box-shadow:0 0 0 3px #00b7c84d}.training-card{background:linear-gradient(135deg,#00b7c80d,#011117);border:1px solid #00737d;border-radius:12px;padding:2rem;width:100%;max-width:400px;margin:0 auto;text-align:center}@media(min-width:992px){.training-card{max-width:520px;padding:3rem}}.training-card__icon{width:80px;height:80px;border-radius:50%;background:#00b7c81a;border:2px solid #00737d;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.training-card__icon svg,.training-card__icon i{font-size:2rem;color:#00b7c8}.training-card__title{font-size:1.5rem;font-weight:600;color:#fcfcfc;margin-bottom:1rem}.training-card__content{color:#ccc;margin-bottom:1.5rem;line-height:1.7}.training-card__tips{text-align:left;list-style:none;padding:0;margin:0 0 1.5rem}.training-card__tips li{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;color:#fcfcfc;font-size:.9rem}.training-card__tips li:before{content:">";color:#00b7c8;font-weight:700;flex-shrink:0}