.seotologie-securepass-container{--sp-primary:#69E9E9;--sp-primary-hover:#2F4F4F;--sp-border:#e2e8f0;--sp-bg-light:#f8fafc;--sp-text:#1e293b;--sp-text-muted:#64748b;--sp-success:#22c55e;--sp-warning:#eab308;--sp-danger:#ef4444;--sp-card-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;max-width:800px;margin:40px auto;}
.seotologie-securepass-container *{box-sizing:border-box;}
.seotologie-securepass-container h2{text-align:center;margin-bottom:30px;font-weight:800;letter-spacing:-0.02em;color:var(--sp-text);}
.seotologie-privacy-notice{background:rgba(34, 197, 94, 0.08);border:1px solid rgba(34, 197, 94, 0.3);border-radius:12px;padding:16px 20px;margin-bottom:35px;display:flex;align-items:center;gap:15px;transition:transform 0.2s;}
.seotologie-privacy-notice:hover{transform:translateY(-1px);}
.privacy-icon{font-size:1.5rem;flex-shrink:0;}
.privacy-text{font-size:0.95rem;line-height:1.5;color:#166534;font-weight:500;}
.seotologie-sp-controls{background:#ffffff;border:1px solid var(--sp-border);border-radius:16px;padding:30px;margin-bottom:40px;box-shadow:var(--sp-card-shadow);}
.seotologie-sp-length-control{margin-bottom:30px;}
.seotologie-sp-length-control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600;color:var(--sp-text);font-size:1.05rem;}
.seotologie-sp-length-val{background:var(--sp-primary);color:#1a2236;padding:2px 10px;border-radius:6px;font-size:0.95rem;}
.seotologie-sp-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#e2e8f0;border-radius:4px;outline:none;}
.seotologie-sp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--sp-primary);cursor:pointer;border:4px solid #fff;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);transition:all 0.2s;}
.seotologie-sp-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--sp-primary-hover);color:#fff;}
.seotologie-sp-toggles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;}
.seotologie-sp-checkbox{display:inline-flex;align-items:center;gap:8px;background:var(--sp-bg-light);border:1px solid var(--sp-border);padding:10px 16px;border-radius:10px;font-size:0.9rem;font-weight:600;color:var(--sp-text);cursor:pointer;transition:all 0.2s;}
.seotologie-sp-checkbox:hover{border-color:#cbd5e1;background:#fff;}
.seotologie-sp-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:var(--sp-primary);margin:0;}
.seotologie-sp-checkbox.is-mode{border-color:var(--sp-primary);background:rgba(105, 233, 233, 0.05);}
.seotologie-sp-checkbox.is-mode:hover{background:rgba(105, 233, 233, 0.1);}
.seotologie-sp-actions{display:flex;gap:15px;margin-top:35px;}
.seotologie-sp-generate-btn{flex-grow:1;background:var(--sp-primary) !important;color:#1a2236 !important;border:none !important;border-radius:12px !important;font-weight:700 !important;font-size:1.15rem !important;padding:16px 24px !important;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;box-shadow:0 4px 0 rgba(105, 233, 233, 0.3);}
.seotologie-sp-generate-btn:hover{background:var(--sp-primary-hover) !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 6px 12px rgba(105, 233, 233, 0.25);}
.seotologie-sp-generate-btn:active{transform:translateY(0);box-shadow:0 2px 0 rgba(105, 233, 233, 0.3);}
.seotologie-sp-display-area{margin-top:50px;scroll-margin-top:100px;}
.seotologie-sp-bulk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.seotologie-sp-count-badge{font-size:1.15rem;font-weight:800;color:var(--sp-text);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.seotologie-sp-count-badge.has-new-content{color:#059669;transform:scale(1.03);text-shadow:0 0 10px rgba(5, 150, 105, 0.1);}
.seotologie-sp-row{background:#ffffff;border:1px solid var(--sp-border);border-radius:14px;padding:16px 20px;margin-bottom:18px;display:flex;align-items:center;gap:15px;box-shadow:var(--sp-card-shadow);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;}
.seotologie-sp-row.is-new{animation:spFadeIn 0.5s ease-out forwards;}
@keyframes spFadeIn {
from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
.seotologie-sp-row:hover{border-color:var(--sp-primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);}
.seotologie-sp-input{flex-grow:1;border:none;background:transparent;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:1.3rem;color:var(--sp-text);outline:none;letter-spacing:0.02em;}
.seotologie-sp-copy-btn{flex-shrink:0;background:var(--sp-bg-light) !important;border:1px solid var(--sp-border) !important;color:var(--sp-text) !important;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s !important;}
.seotologie-sp-copy-btn svg{width:28px !important;height:28px !important;flex-shrink:0;}
.seotologie-sp-copy-btn:hover{background:var(--sp-primary) !important;border-color:var(--sp-primary) !important;color:#1a2236 !important;transform:scale(1.05);}
.seotologie-sp-analytics{background:#fff;border:1px solid var(--sp-border);border-radius:18px;padding:30px;margin-bottom:50px;box-shadow:var(--sp-card-shadow);}
.seotologie-sp-strength-meter{margin-bottom:25px;}
.seotologie-progress-container{height:14px;background:#f1f5f9;border-radius:8px;overflow:hidden;margin:15px 0;}
.seotologie-progress-bar{height:100%;border-radius:8px;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s;}
.seotologie-sp-crack-time{display:flex;align-items:center;gap:12px;color:var(--sp-text);font-weight:500;}
.sp-crack-icon{font-size:1.2rem;}
.sp-crack-val{color:var(--sp-primary-hover);font-weight:700;}
.seotologie-sp-entropy-badge{font-size:0.8rem;background:#f1f5f9;padding:3px 10px;border-radius:6px;color:var(--sp-text-muted);font-weight:700;border:1px solid #e2e8f0;}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
.fade-in-up{animation:fadeInUp 0.3s ease-out forwards;}
@media(max-width:600px){
.seotologie-sp-controls {
padding: 20px;
margin-bottom: 30px;
}
.seotologie-sp-toggles {
gap: 10px;
}
.seotologie-sp-checkbox {
padding: 12px;
width: 100%;
justify-content: flex-start;
}
.seotologie-sp-actions {
flex-direction: column;
gap: 15px;
margin-top: 25px;
}
.seotologie-sp-generate-btn {
width: 100% !important;
padding: 18px !important;
}
.seotologie-sp-input {
font-size: 1.15rem;
}
.seotologie-sp-row {
padding: 12px 15px;
gap: 10px;
margin-bottom: 12px;
}
.seotologie-sp-copy-btn {
width: 44px;
height: 44px;
}
.seotologie-sp-display-area {
margin-top: 40px;
}
.seotologie-sp-bulk-header {
flex-direction: column;
align-items: stretch;
gap: 15px;
margin-bottom: 20px;
}
.seotologie-sp-count-badge {
font-size: 1.1rem;
text-align: center;
}
.seotologie-sp-copy-all {
width: 100% !important;
padding: 14px !important;
border-radius: 10px !important;
}
.seotologie-sp-analytics {
padding: 20px;
margin-bottom: 40px;
}
}