@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box}.pg-page{font-family:Plus Jakarta Sans,sans-serif;background:#f5f3ff;color:#1a1a2e;min-height:100vh}.hero-bg{background:linear-gradient(135deg,#eef2ff,#f5f3ff 40%,#faf5ff);position:relative;overflow:hidden}.hero-blob-1{width:480px;height:480px;background:radial-gradient(circle,rgba(139,92,246,.12) 0,transparent 70%);top:-160px;right:-80px}.hero-blob-1,.hero-blob-2{position:absolute;border-radius:50%;pointer-events:none}.hero-blob-2{width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%);bottom:-80px;left:-60px}.tool-card{background:#fff;border:1.5px solid rgba(99,102,241,.12);box-shadow:0 4px 6px -1px rgba(99,102,241,.06),0 20px 60px -10px rgba(99,102,241,.1)}.length-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:4px;background:#e0dcff;outline:none;cursor:pointer}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,.4);transition:transform .2s}.length-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.length-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(99,102,241,.4)}.pg-checkbox{width:18px;height:18px;border:2px solid #c4b5fd;border-radius:5px;background:#f8f7ff;cursor:pointer;accent-color:#6366f1;flex-shrink:0;transition:border-color .2s}.pg-checkbox:checked{background:#6366f1;border-color:#6366f1}.option-row{background:#f8f7ff;border:1.5px solid #e0dcff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .2s,background .2s}.option-row:hover{border-color:#a5b4fc;background:#f0eeff}.option-row.checked{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.04)}.password-output{background:#f8f7ff;border:1.5px solid #e0dcff;border-radius:16px;transition:border-color .3s,box-shadow .3s}.password-output.active{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.08)}.generate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px rgba(99,102,241,.35);transition:all .3s ease;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.45)}.copy-btn{background:rgba(99,102,241,.08);border:1.5px solid rgba(99,102,241,.2);color:#6366f1;transition:all .2s ease;font-weight:600}.copy-btn:hover{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.35)}.copy-btn.copied{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25);color:#10b981}.strength-bar-wrap{background:#e0dcff;border-radius:4px;height:5px;overflow:hidden}.strength-bar{height:100%;border-radius:4px;transition:width .4s ease,background .4s ease}.benefit-card{background:#fff;border:1.5px solid rgba(99,102,241,.08);transition:all .3s ease;box-shadow:0 2px 8px rgba(99,102,241,.05)}.benefit-card:hover{border-color:rgba(99,102,241,.2);box-shadow:0 8px 24px rgba(99,102,241,.1);transform:translateY(-3px)}.step-card{background:#fff;border:1.5px solid rgba(99,102,241,.08);box-shadow:0 2px 8px rgba(99,102,241,.04)}.step-num{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-weight:800}.faq-item{background:#fff;border:1.5px solid rgba(99,102,241,.08);transition:border-color .25s,box-shadow .25s}.faq-item:hover{border-color:rgba(99,102,241,.2);box-shadow:0 4px 16px rgba(99,102,241,.08)}.faq-item summary{list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.badge-pill{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);color:#6366f1;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.seo-box{background:#fff;border:1.5px solid rgba(99,102,241,.08)}.feature-dot{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.alt-section{background:#fff}.main-section{background:#f5f3ff}.cta-section{background:linear-gradient(135deg,#6366f1,#7c3aed 50%,#8b5cf6)}.cta-main-btn{background:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.4);backdrop-filter:blur(8px);transition:all .3s ease;font-weight:700}.cta-main-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.mid-divider{border:none;border-top:1px solid rgba(99,102,241,.08)}.breadcrumb-link{color:#a5b4fc;transition:color .2s}.breadcrumb-link:hover{color:#6366f1}.grad-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}