@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#070b14;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#070b14;min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b14d9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex}.logo{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.navbar nav{color:#94a3b8;gap:28px;display:flex}.navbar nav a:hover{color:#fff}.hero{max-width:1200px;margin:0 auto;padding:110px 24px 90px}.hero-content{max-width:760px}.hero-badge{color:#94a3b8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 12px;font-size:.85rem;display:flex}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,5.5rem);line-height:1.02}.hero h1 span{color:#64748b}.hero p{color:#94a3b8;max-width:650px;margin:28px 0 0;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border-radius:10px;align-items:center;gap:9px;padding:13px 18px;font-weight:600;transition:all .2s;display:inline-flex}.button-primary{color:#070b14;background:#fff}.button-primary:hover{transform:translateY(-2px)}.button-secondary{color:#e2e8f0;border:1px solid #ffffff1f}.button-secondary:hover{background:#ffffff0d}.features{max-width:1200px;margin:0 auto;padding:70px 24px 110px}.section-heading{max-width:650px;margin-bottom:40px}.eyebrow{color:#64748b;letter-spacing:.12em;font-size:.75rem;font-weight:700}.section-heading h2{margin:10px 0;font-size:2.3rem}.section-heading>p:last-child{color:#94a3b8;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;min-height:200px;padding:28px}.feature-card h3{margin:20px 0 8px}.feature-card p{color:#94a3b8;margin:0;line-height:1.6}.footer{border-top:1px solid #ffffff14}.footer p{color:#64748b}.footer-bottom{color:#475569;margin-top:40px;font-size:.85rem}@media (width<=768px){.navbar-inner{padding:16px}.navbar nav{gap:14px;font-size:.85rem}.hero{padding:80px 20px}.features{padding:50px 20px 80px}.feature-grid{grid-template-columns:1fr}}.tools-page,.tool-container{max-width:1200px;margin:0 auto;padding:90px 24px}.page-hero{max-width:700px;margin-bottom:50px}.page-hero h1{letter-spacing:-.04em;margin:10px 0;font-size:3.5rem}.page-hero>p:last-child{color:#94a3b8;line-height:1.7}.tools-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tool-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:28px;transition:all .2s}.tool-card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.tool-card h2{margin:20px 0 10px;font-size:1.25rem}.tool-card p{color:#94a3b8;line-height:1.6}.tool-card span{align-items:center;gap:7px;margin-top:24px;font-weight:600;display:inline-flex}.tool-container{max-width:760px}.tool-header{align-items:flex-start;gap:16px;margin-bottom:35px;display:flex}.tool-header h1{margin:0 0 8px;font-size:2.3rem}.tool-header p{color:#94a3b8;margin:0}.password-input-wrapper{position:relative}.password-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:16px 52px 16px 16px}.password-input:focus{border-color:#ffffff4d}.password-toggle{color:#94a3b8;background:0 0;border:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.strength-section{margin-top:28px}.strength-header{justify-content:space-between;margin-bottom:12px;display:flex}.strength-header span{color:#94a3b8}.strength-bars{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.strength-bar{background:#1e293b;border-radius:999px;height:8px}.strength-bar.active{background:#e2e8f0}.suggestions{border:1px solid #ffffff14;border-radius:12px;margin-top:30px;padding:20px}.suggestions h3{margin-top:0}.suggestions p{color:#94a3b8}.privacy-note{color:#94a3b8;background:#ffffff0a;border-radius:10px;margin-top:24px;padding:16px;line-height:1.6}@media (width<=768px){.tools-grid{grid-template-columns:1fr}.page-hero h1{font-size:2.6rem}}.checklist-selector{margin-bottom:30px}.checklist-selector label{color:#94a3b8;margin-bottom:10px;display:block}.checklist-selector select{color:#fff;background:#0d1422;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:14px 16px}.checklist-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.checklist-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.checklist-top h2{margin:0 0 8px}.checklist-top p{color:#94a3b8;margin:0}.reset-button{color:#94a3b8;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.reset-button:hover{color:#fff;background:#ffffff0d}.progress-container{padding:22px 28px}.progress-info{color:#94a3b8;justify-content:space-between;margin-bottom:10px;display:flex}.progress-info strong{color:#fff}.progress-track{background:#1e293b;border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:#e2e8f0;height:100%;transition:width .25s}.checklist-items{flex-direction:column;gap:8px;padding:0 28px 28px;display:flex}.checklist-item{color:#e2e8f0;text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:14px;width:100%;padding:15px;display:flex}.checklist-item:hover{border-color:#ffffff1a}.checklist-item.completed{color:#64748b}.checklist-item .checkbox{border:1px solid #475569;border-radius:6px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.checklist-item.completed .checkbox{color:#070b14;background:#e2e8f0;border-color:#e2e8f0}@media (width<=600px){.checklist-top{flex-direction:column}.reset-button{justify-content:center;width:100%}}.quiz-progress{color:#64748b;margin-bottom:15px;font-size:.9rem;font-weight:600}.quiz-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:30px}.quiz-card h2{margin:0 0 26px;line-height:1.45}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{color:#e2e8f0;text-align:left;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:100%;padding:15px;display:grid}.quiz-option:hover:not(.correct):not(.incorrect){background:#ffffff0a;border-color:#fff3}.quiz-option-number{color:#94a3b8;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.quiz-option.correct{border-color:#22c55e73}.quiz-option.incorrect{border-color:#ef444473}.quiz-explanation{background:#ffffff0a;border-radius:10px;margin-top:22px;padding:18px}.quiz-explanation p{color:#94a3b8;margin:8px 0 0;line-height:1.6}.quiz-next{margin-top:22px}.quiz-result{text-align:center;padding:70px 20px}.quiz-result h1{letter-spacing:-.05em;margin:20px 0 0;font-size:5rem}.quiz-result h2{margin:0;font-size:1.5rem}.quiz-result p:not(.eyebrow){color:#94a3b8;max-width:500px;margin:15px auto;line-height:1.6}.quiz-restart{margin-top:20px}@media (width<=600px){.quiz-card{padding:20px}.quiz-option{grid-template-columns:30px 1fr auto;padding:12px}.quiz-result h1{font-size:4rem}}.resources-page{max-width:1200px;margin:0 auto;padding:90px 24px 110px}.resource-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.resource-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:30px}.featured-resource{grid-column:span 1}.resource-icon{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:24px;display:flex}.resource-type{color:#64748b;letter-spacing:.1em;margin:0 0 8px;font-size:.75rem;font-weight:700}.resource-card h2{margin:0 0 12px;font-size:1.6rem}.resource-card>p:not(.resource-type){color:#94a3b8;margin-bottom:24px;line-height:1.7}@media (width<=768px){.resource-grid{grid-template-columns:1fr}.featured-resource{grid-column:span 1}}.product-page{max-width:1100px;margin:0 auto;padding:90px 24px 110px}.product-hero{text-align:center;max-width:820px;margin:0 auto}.product-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 24px;display:flex}.product-hero h1{letter-spacing:-.05em;margin:10px 0 18px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.product-subtitle{color:#94a3b8;max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.7}.product-price{letter-spacing:-.04em;margin:30px 0 10px;font-size:3rem;font-weight:700}.product-button{border:none;font-size:1rem}.product-preview-link{color:#94a3b8;align-items:center;gap:7px;margin-top:16px;font-size:.9rem;display:inline-flex}.product-preview-link:hover{color:#fff}.product-content{grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;max-width:950px;margin:100px auto 0;display:grid}.product-content h2{margin:10px 0;font-size:2rem;line-height:1.2}.product-content>div:first-child>p:last-child{color:#94a3b8;line-height:1.7}.product-features{flex-direction:column;gap:10px;display:flex}.product-feature{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.product-feature svg{flex:none}.product-feature span{color:#cbd5e1}@media (width<=800px){.product-content{grid-template-columns:1fr;gap:40px;margin-top:70px}}.home-cta{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:1150px;margin:0 auto 100px;padding:35px;display:flex}.home-cta h2{margin:8px 0;font-size:2rem}.home-cta p:last-child{color:#94a3b8;margin:0}@media (width<=700px){.home-cta{flex-direction:column;align-items:flex-start;margin-left:20px;margin-right:20px}}.about-page{max-width:1100px;margin:0 auto;padding:90px 24px 110px}.about-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;display:grid}.about-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:28px}.about-card h2{margin:20px 0 10px;font-size:1.3rem}.about-card p{color:#94a3b8;margin:0;line-height:1.7}.about-story{max-width:780px;margin:100px auto 0}.about-story h2{letter-spacing:-.04em;margin:10px 0 24px;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.about-story p:not(.eyebrow){color:#94a3b8;margin-bottom:18px;line-height:1.8}@media (width<=800px){.about-grid{grid-template-columns:1fr}.about-story{margin-top:70px}}.legal-page{max-width:820px;margin:0 auto;padding:90px 24px 110px}.legal-page>h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(2.5rem,6vw,4rem)}.legal-updated{color:#64748b;margin-bottom:60px;font-size:.9rem}.legal-page section{margin-bottom:45px}.legal-page h2{margin-bottom:12px;font-size:1.35rem}.legal-page section p{color:#94a3b8;line-height:1.8}.footer{border-top:1px solid #ffffff14;margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;padding:50px 24px 25px}.footer-main{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-brand strong{font-size:1.05rem}.footer-brand p{color:#64748b;margin:10px 0 0;line-height:1.6}.footer-links{color:#64748b;flex-wrap:wrap;align-items:center;gap:24px;font-size:.9rem;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{color:#475569;border-top:1px solid #ffffff0f;margin-top:40px;padding-top:20px;font-size:.8rem}@media (width<=700px){.footer-main{flex-direction:column}.footer-links{gap:16px}}.contact-page{max-width:1100px;margin:0 auto;padding:90px 24px 110px}.contact-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:55px;display:grid}.contact-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:30px}.contact-card h2{margin:20px 0 10px}.contact-card p{color:#94a3b8;line-height:1.7}.contact-link{color:#e2e8f0;margin-top:10px;font-weight:600;display:inline-block}.contact-muted{color:#64748b;margin-top:10px;display:inline-block}.contact-note{color:#94a3b8;background:#ffffff0a;border-radius:10px;margin-top:30px;padding:18px;line-height:1.7}@media (width<=700px){.contact-grid{grid-template-columns:1fr}}.not-found{text-align:center;max-width:700px;margin:0 auto;padding:140px 24px}.not-found h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(2.7rem,6vw,4.5rem)}.not-found p:not(.eyebrow){color:#94a3b8;margin:0 auto 30px;line-height:1.7}.navbar-nav{color:#94a3b8;gap:28px;display:flex}.navbar-nav a{transition:color .2s}.navbar-nav a:hover,.navbar-nav a:focus-visible{color:#fff}.navbar-nav a:focus-visible,.footer-links a:focus-visible,.button:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #e2e8f0}@media (width<=650px){.navbar-inner{flex-direction:column;gap:14px}.navbar-nav{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;font-size:.85rem}}.password-analysis-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;margin-top:28px;padding:22px}.password-analysis-card h3{margin:0 0 14px}.analysis-list{flex-direction:column;gap:6px;display:flex}.analysis-list p{color:#94a3b8;margin:0;line-height:1.6}.password-guidance{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;padding:22px}.password-guidance h3{margin:0 0 10px}.password-guidance p{color:#94a3b8;margin:8px 0;line-height:1.7}.strength-message{color:#64748b;margin-top:14px;line-height:1.6}
