.password-hero{position:relative;overflow:hidden;padding:86px 0 100px;background:radial-gradient(circle at 78% 24%,rgba(53,184,211,.2),transparent 27%),radial-gradient(circle at 91% 86%,rgba(238,101,154,.13),transparent 25%),linear-gradient(145deg,#f9f6fc,#eefbfd)}.password-hero:before{content:"";position:absolute;left:-180px;top:-210px;width:470px;height:470px;border-radius:50%;background:rgba(87,45,151,.07)}.password-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:72px}.password-hero-copy h1{max-width:760px;margin:12px 0 20px;color:var(--purple);font-size:clamp(3.25rem,6.3vw,6.25rem);line-height:.93;letter-spacing:-.064em}.password-hero-copy .hero-lead{max-width:660px}.password-proof{margin-top:24px}
.password-product-demo{position:relative}.password-demo-browser{overflow:hidden;border:1px solid rgba(41,17,92,.13);border-radius:29px;background:#fff;box-shadow:0 34px 90px rgba(41,17,92,.18);transform:rotate(1deg)}.password-demo-bar{height:50px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#35186b;color:#fff}.password-demo-bar>i{width:8px;height:8px;border-radius:50%;background:#ff7c8b}.password-demo-bar>i:nth-child(2){background:#ffc659}.password-demo-bar>i:nth-child(3){background:#5bd3ac}.password-demo-bar>span{min-width:0;margin-left:7px;padding:7px 12px;display:flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.78);font-size:.7rem}.password-demo-bar .icon{width:13px}.password-demo-stage{position:relative;min-height:500px;padding:28px;background:linear-gradient(145deg,#f8f5fc,#f1fbfd)}.password-demo-link{padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(41,17,92,.06)}.password-demo-link>.icon{width:21px;color:var(--cyan-dark)}.password-demo-link span{display:grid}.password-demo-link small{color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.1em}.password-demo-link strong{color:var(--purple);font-size:.8rem}.password-demo-link b{display:grid;width:34px;height:34px;place-items:center;margin-left:auto;border-radius:11px;background:var(--cyan-soft);color:var(--cyan-dark)}.password-demo-link b .icon{width:18px}.password-demo-card{position:absolute;left:50%;top:112px;width:min(78%,350px);min-height:325px;padding:29px;display:flex;align-items:center;flex-direction:column;border:1px solid rgba(41,17,92,.1);border-radius:24px;background:#fff;text-align:center;box-shadow:0 22px 55px rgba(41,17,92,.13);transform:translateX(-50%)}.password-demo-lock,.password-demo-success{display:grid;width:65px;height:65px;place-items:center;margin-bottom:17px;border-radius:21px;background:var(--purple);color:#fff;box-shadow:0 0 0 10px var(--purple-soft)}.password-demo-success{background:#25a87b;box-shadow:0 0 0 10px #e4f8f0}.password-demo-lock .icon,.password-demo-success .icon{width:29px}.password-demo-card>small{color:var(--cyan-dark);font-size:.6rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.password-demo-card h2{margin:6px 0 16px;color:var(--ink);font-size:1.18rem}.password-demo-input{width:100%;height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:12px;color:var(--ink);font-weight:900;letter-spacing:.14em}.password-demo-input .icon{width:17px;color:var(--muted)}.password-demo-button{width:100%;min-height:43px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:var(--purple);color:#fff;font-size:.72rem;font-weight:900}.password-demo-button .icon{width:15px}.password-demo-opened{opacity:0;animation:passwordOpened 8s ease-in-out infinite}.password-demo-locked{animation:passwordLocked 8s ease-in-out infinite}.password-demo-preview{width:100%;height:130px;margin:14px 0 3px;padding:16px;display:grid;grid-template-columns:56px 1fr;grid-template-rows:repeat(3,1fr);align-items:center;gap:8px 12px;border-radius:14px;background:#f8f6fb}.password-demo-preview span{grid-row:1/4;display:grid;width:56px;height:56px;place-items:center;border-radius:16px;background:var(--cyan-soft);color:var(--cyan-dark)}.password-demo-preview span .icon{width:27px}.password-demo-preview i{height:7px;border-radius:999px;background:#ddd7e8}.password-demo-preview i:nth-of-type(2){width:78%}.password-demo-preview i:nth-of-type(3){width:55%}.password-demo-note{position:absolute;right:-18px;bottom:-25px;padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:999px;background:#fff;color:#248363;font-size:.72rem;font-weight:900;box-shadow:0 14px 35px rgba(41,17,92,.14)}.password-demo-note .icon{width:17px}@keyframes passwordLocked{0%,42%{opacity:1;transform:translateX(-50%) scale(1)}48%,92%{opacity:0;transform:translateX(-50%) scale(.97)}96%,100%{opacity:1}}@keyframes passwordOpened{0%,42%{opacity:0;transform:translateX(-50%) scale(.97)}49%,92%{opacity:1;transform:translateX(-50%) scale(1)}96%,100%{opacity:0}}
.password-value-strip{position:relative;z-index:2;margin-top:-32px}.password-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(41,17,92,.1)}.password-value-grid article{display:flex;align-items:center;gap:12px;padding:10px 15px}.password-value-grid article>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--cyan-soft);color:var(--cyan-dark)}.password-value-grid article>span .icon{width:21px}.password-value-grid article div{display:grid}.password-value-grid strong{font-size:.86rem}.password-value-grid small{margin-top:2px;color:var(--muted);font-size:.7rem;line-height:1.35}
.password-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.password-step-grid article{position:relative;min-height:260px;padding:27px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 15px 42px rgba(41,17,92,.06)}.password-step-number{position:absolute;right:22px;top:20px;color:#ddd4ec;font-size:1.2rem;font-weight:950}.password-step-icon{display:grid;width:51px;height:51px;place-items:center;margin-bottom:26px;border-radius:17px;background:var(--purple);color:#fff}.password-step-icon .icon{width:24px}.password-step-grid h3{margin:0 0 8px;color:var(--ink);font-size:1.08rem}.password-step-grid p{margin:0;color:var(--muted);font-size:.8rem}.password-step-grid article:after{content:"";position:absolute;left:27px;bottom:0;width:58px;height:4px;border-radius:999px 999px 0 0;background:var(--cyan)}
.password-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.password-content-grid article{padding:29px;border:1px solid var(--border);border-radius:25px;background:#fff}.password-content-grid article>span{display:grid;width:55px;height:55px;place-items:center;margin-bottom:22px;border-radius:18px;background:var(--purple-soft);color:var(--purple)}.password-content-grid article>span .icon{width:27px}.password-content-grid h3{margin:0 0 9px;font-size:1.18rem}.password-content-grid p{min-height:78px;margin:0;color:var(--muted);font-size:.83rem}.password-content-grid article>div{margin-top:18px;padding:11px 13px;display:flex;align-items:center;gap:9px;border-radius:12px;background:#f8f6fb;color:var(--purple);font-size:.72rem}.password-content-grid article>div .icon{width:16px}
.password-security{overflow:hidden;background:#271154;color:#fff}.password-security-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:78px}.password-security h2{margin:10px 0 13px;color:#fff;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1;letter-spacing:-.045em}.password-security-grid>div>p{color:rgba(255,255,255,.68)}.password-security-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.password-security-list article{padding:15px;display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.06)}.password-security-list article>.icon{flex:0 0 20px;width:20px;color:#73dfec}.password-security-list strong{display:block;color:#fff;font-size:.8rem}.password-security-list p{margin:3px 0 0;color:rgba(255,255,255,.62);font-size:.68rem}.password-security-advice{margin-top:17px!important;padding:12px 14px;display:flex;align-items:flex-start;gap:9px;border-radius:13px;background:rgba(53,184,211,.13);color:#d8fbff!important;font-size:.73rem}.password-security-advice .icon{flex:0 0 18px;width:18px}.password-share-visual{position:relative;min-height:430px;padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:32px;background:radial-gradient(circle,rgba(53,184,211,.22),rgba(255,255,255,.04) 62%)}.password-share-link,.password-share-secret{width:100%;padding:16px;display:flex;align-items:center;gap:11px;border-radius:16px;background:#fff;color:var(--purple);box-shadow:0 15px 35px rgba(0,0,0,.12)}.password-share-link>.icon,.password-share-secret>.icon{width:23px;color:var(--cyan-dark)}.password-share-link span,.password-share-secret span{display:grid}.password-share-link small,.password-share-secret small{font-size:.55rem;letter-spacing:.11em}.password-share-path{height:86px;display:flex;align-items:center;flex-direction:column}.password-share-path i{width:2px;flex:1;background:rgba(255,255,255,.25)}.password-share-path span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--cyan);color:#fff}.password-share-path .icon{width:18px}.password-share-secret{background:#f4effa}.password-share-result{margin-top:24px;padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:999px;background:rgba(91,211,172,.14);color:#8df0ca;font-size:.7rem;font-weight:850}.password-share-result .icon{width:16px}
.password-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.password-use-grid article{padding:24px;border:1px solid var(--border);border-radius:22px;background:#fff}.password-use-icon{display:grid;width:47px;height:47px;place-items:center;margin-bottom:16px;border-radius:15px;background:var(--purple-soft);color:var(--purple)}.password-use-icon .icon{width:23px}.password-use-grid article>small{color:var(--cyan-dark);font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.password-use-grid h3{margin:5px 0 8px;font-size:1rem}.password-use-grid p{margin:0;color:var(--muted);font-size:.78rem}.password-cta{background:linear-gradient(135deg,#29115c,#493080 58%,#216f80)}
@media(max-width:1100px){.password-hero-grid{grid-template-columns:1fr;gap:46px}.password-product-demo{width:min(100%,720px);margin:auto}.password-step-grid,.password-use-grid{grid-template-columns:1fr 1fr}.password-security-grid{grid-template-columns:1fr;gap:42px}.password-share-visual{width:min(100%,660px);margin:auto}}
@media(max-width:800px){.password-hero{padding:58px 0 80px}.password-hero-copy{text-align:center}.password-hero-copy .hero-lead{margin-inline:auto}.password-hero-copy .hero-actions,.password-proof{justify-content:center}.password-value-grid,.password-content-grid{grid-template-columns:1fr}.password-value-strip{margin-top:-24px}.password-security-list{grid-template-columns:1fr}}
@media(max-width:600px){.password-hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)}.password-demo-browser{border-radius:22px;transform:none}.password-demo-stage{min-height:480px;padding:17px}.password-demo-card{top:100px;width:calc(100% - 34px);padding:24px}.password-demo-note{position:static;width:max-content;max-width:100%;margin:12px auto 0}.password-step-grid,.password-use-grid{grid-template-columns:1fr}.password-step-grid article{min-height:0}.password-content-grid p{min-height:0}.password-security{padding-top:64px;padding-bottom:64px}.password-share-visual{min-height:390px;padding:22px}.password-cta{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.password-demo-opened{display:none;animation:none}.password-demo-locked{animation:none}}