:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#000;--text-secondary:#495057;--text-tertiary:#6c757d;--border:#dee2e6;--shadow:#0000001a;--accent:#000}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#e9ecef;--text-tertiary:#adb5bd;--border:#495057;--shadow:#ffffff1a;--accent:#fff}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-container{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;padding-top:0;display:flex}.nav-wrapper{z-index:1000;background-color:var(--bg-primary);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding-right:2rem;display:flex;position:fixed;top:0;left:0;right:0}.main-nav{flex:1;position:relative}.theme-toggle-btn{background-color:var(--text-primary);color:var(--bg-primary);border:2px solid var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.theme-toggle-btn:hover{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.nav-actions{z-index:1001;align-items:center;gap:1rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.main-nav{background-color:var(--bg-primary)!important;border-bottom:2px solid var(--border)!important}.main-nav .logo{filter:var(--logo-filter,none)}[data-theme=dark] .main-nav .logo{--logo-filter:invert(1)}.main-nav a{color:var(--text-primary)!important}.main-nav a:hover{color:var(--accent)!important}.main-nav .card-nav-content{background-color:var(--bg-primary)!important;border:2px solid var(--border)!important}.main-nav button{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:2px solid var(--border)!important}.main-nav button:hover{background-color:var(--accent)!important;color:var(--bg-primary)!important;border-color:var(--accent)!important}.main-nav .hamburger-line,.main-nav .hamburger-line:before,.main-nav .hamburger-line:after{background-color:var(--text-primary)!important}.main-nav [class*=hamburger]{color:var(--text-primary)!important}.main-nav [class*=hamburger] span{background-color:var(--text-primary)!important}.main-nav [class*=hamburger]:hover{background-color:var(--bg-secondary)!important}.main-nav .nav-text,.main-nav .nav-label{color:var(--text-primary)!important}.brand{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.brand-text{letter-spacing:-.025em}.header-actions{align-items:center;gap:1rem;display:flex}.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:90px 1rem 1rem}.email-section{margin-bottom:2rem}.email-card{background-color:var(--bg-secondary);border:2px solid var(--border);box-shadow:0 2px 4px var(--shadow);border-radius:.75rem;margin-top:2rem;padding:1.25rem}.email-card h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.email-display-area{flex-direction:column;gap:1rem;display:flex}.email-input-wrapper{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:.4rem;align-items:center;gap:.4rem;padding:.5rem;display:flex}.email-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:.875rem}.copy-btn{background-color:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:.25rem;align-items:center;padding:.4rem;transition:all .2s;display:flex}.copy-btn:hover{background-color:var(--accent);color:var(--bg-primary)}.timer-display{color:var(--text-secondary);align-items:center;gap:.5rem;font-family:monospace;font-weight:600;display:flex}.action-buttons{flex-wrap:wrap;gap:1rem;display:flex}.action-buttons button{border:2px solid var(--border);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.change-btn:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.delete-btn:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.extend-btn:hover{color:#fff;background-color:#28a745;border-color:#28a745}.buy-btn:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.generate-btn{background-color:var(--accent);color:var(--bg-primary);border:2px solid var(--accent);cursor:pointer;border-radius:.4rem;align-self:center;margin-top:4rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.generate-btn:hover:not(:disabled){color:var(--accent);background-color:#0000}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.loading-indicator{color:var(--text-secondary);justify-content:center;padding:1rem;font-style:italic;display:flex}.error-message{color:#dc3545;margin:.5rem 0 0;font-weight:500}.inbox-section{margin-bottom:2rem}.inbox-card{background-color:var(--bg-secondary);border:2px solid var(--border);box-shadow:0 2px 4px var(--shadow);border-radius:.75rem;padding:1.25rem}.inbox-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.inbox-list{flex-direction:column;min-height:150px;display:flex}.messages{flex-direction:column;gap:.75rem;display:flex}.message{background-color:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:1rem;transition:all .2s}.message:hover{border-color:var(--accent);box-shadow:0 2px 4px var(--shadow)}.message-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.message-sender{align-items:center;gap:.5rem;display:flex}.sender-avatar{background-color:var(--bg-tertiary);width:2rem;height:2rem;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.sender{color:var(--text-primary);font-weight:500}.date{color:var(--text-tertiary);font-size:.875rem}.subject{color:var(--text-primary);margin:0;font-size:1rem;font-weight:500}.empty-inbox{height:200px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-inbox-icon{opacity:.5;width:3rem;height:3rem;margin-bottom:1rem}.message-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.message-modal{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:1rem;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.message-modal-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{background-color:var(--bg-tertiary);color:var(--accent)}.message-modal-actions{gap:1rem;display:flex}.message-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.message-action-btn:hover{background-color:var(--bg-tertiary);color:var(--accent)}.message-modal-content{flex:1;padding:1.5rem;overflow-y:auto}.message-sender-info{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sender-avatar-large{background-color:var(--bg-tertiary);width:3rem;height:3rem;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sender-details{flex:1}.sender-email{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:500}.message-date-full{color:var(--text-tertiary);font-size:.875rem}.message-subject-full{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.message-subject-full strong{color:var(--text-secondary);margin-right:.5rem;display:inline-block}.message-body{color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap;font-size:1rem;line-height:1.6}.message-body a{color:var(--accent);text-decoration:underline}.message-body a:hover{color:var(--text-primary)}.two-column-section{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.faq-column{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:.75rem;padding:1.25rem}.blog-column{background-color:var(--bg-secondary);border:2px solid var(--border);box-sizing:border-box;border-radius:.75rem;padding:1.25rem;overflow:hidden}.faq-column h2,.blog-column h2{text-align:center;color:var(--text-primary);margin:0 0 1.25rem;font-size:1.4rem;font-weight:700}.faq-item{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:.5rem;margin-bottom:.75rem;transition:all .3s;overflow:hidden}.faq-item.active{border-color:var(--accent)}.faq-question{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem;font-size:.95rem;font-weight:600;transition:background-color .2s;display:flex}.faq-question:hover{background-color:var(--bg-tertiary)}.faq-answer{color:var(--text-secondary);margin:0;padding:0 1rem 1rem;line-height:1.5;display:none}.faq-item.active .faq-answer{display:block}.blog-loading{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.blog-empty{text-align:center;color:var(--text-tertiary);padding:2rem}.blog-card{background-color:var(--bg-secondary);border:2px solid var(--border);color:inherit;border-radius:1rem;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.blog-card:hover{border-color:var(--accent);box-shadow:0 8px 16px var(--shadow);transform:translateY(-2px)}.blog-cover{width:100%;height:200px;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%}.blog-content{padding:1.5rem}.blog-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-tag{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.blog-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.3}.blog-date{color:var(--text-tertiary);font-size:.875rem}.blog-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;max-height:600px;padding:.5rem;display:grid;overflow-y:auto}.blog-grid::-webkit-scrollbar{width:6px}.blog-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.blog-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.blog-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.blog-card-grid{background-color:var(--bg-primary);border:2px solid var(--border);color:inherit;border-radius:.5rem;flex-direction:column;height:fit-content;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-card-grid:hover{border-color:var(--accent);box-shadow:0 6px 12px var(--shadow);transform:translateY(-2px)}.blog-cover-grid{width:100%;height:120px;overflow:hidden}.blog-cover-grid img{object-fit:cover;width:100%;height:100%}.blog-content-grid{flex-direction:column;flex:1;padding:.75rem;display:flex}.blog-content-grid .blog-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.blog-content-grid .blog-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0 0 .5rem;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-content-grid .blog-date{color:var(--text-tertiary);margin-top:auto;font-size:.75rem}.blog-container{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;height:400px;padding:.5rem;display:flex;position:relative;overflow:hidden}.blog-container>div{width:100%;height:100%;position:relative;overflow:hidden}.blog-container>div>*{max-width:100%}.blog-card-small{background-color:var(--bg-primary);border:2px solid var(--border);color:inherit;box-sizing:border-box;border-radius:.5rem;flex-shrink:0;width:100%;max-width:280px;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.blog-card-small:hover{border-color:var(--accent);box-shadow:0 6px 12px var(--shadow);transform:translateY(-1px)}.blog-cover-small{width:100%;height:100px;overflow:hidden}.blog-cover-small img{object-fit:cover;width:100%;height:100%}.blog-content-small{padding:.75rem}.blog-content-small .blog-tags{flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;display:flex}.blog-content-small .blog-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-content-small .blog-date{color:var(--text-tertiary);font-size:.75rem}.footer{background-color:var(--bg-secondary);border-top:2px solid var(--border);margin-top:auto;padding:3rem 0 1rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.footer-section h4{color:var(--text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.footer-logo{width:auto;max-width:180px;height:auto;margin-bottom:1rem}[data-theme=dark] .footer-logo{filter:invert()}.footer-section .blackmail-logo{margin-bottom:1rem}.footer-section .blackmail-logo svg{width:auto;height:32px}.footer-description{color:var(--text-secondary);margin:0;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--accent)}.social-links{gap:1rem;display:flex}.social-links a{background-color:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.social-links a:hover{background-color:var(--accent);color:var(--bg-primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1200px;color:var(--text-tertiary);margin:2rem auto 0;padding:2rem 2rem 0}.contact-section{width:100%;margin-bottom:2rem}.contact-card{background-color:var(--bg-secondary);border:2px solid var(--border);box-shadow:0 2px 4px var(--shadow);border-radius:.75rem;width:100%;max-width:100%;margin:0;padding:1.25rem}.contact-card h2{text-align:center;color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.contact-description{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.contact-form{margin:0 0 1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{background-color:var(--bg-primary);border:2px solid var(--border);color:var(--text-primary);border-radius:.4rem;padding:.5rem;font-size:.875rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.contact-submit-btn{background-color:var(--accent);color:var(--bg-primary);border:2px solid var(--accent);cursor:pointer;border-radius:.4rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.contact-submit-btn:hover{color:var(--accent);background-color:#0000}.contact-info{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.contact-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;display:flex}.dialog-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:1rem;width:90%;max-width:450px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dialog-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.dialog-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.dialog-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.dialog-close:hover{color:var(--accent);transform:scale(1.1)}.dialog-content{max-height:calc(85vh - 180px);padding:1.25rem;overflow-y:auto}.dialog-email-display{background-color:var(--bg-secondary);border:2px solid var(--border);text-align:center;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.dialog-email{color:var(--accent);word-break:break-all;font-family:monospace;font-size:1rem;font-weight:600}.dialog-credentials{background-color:var(--bg-tertiary);border:2px solid var(--border);border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.credential-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.credential-item:last-child{border-bottom:none}.credential-label{color:var(--text-secondary);flex-shrink:0;font-size:.85rem;font-weight:600}.credential-value{color:var(--text-primary);background-color:var(--bg-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;flex-shrink:1;max-width:250px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem;font-weight:500;overflow:hidden}.dialog-info{margin-bottom:1rem}.dialog-info p{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.dialog-info ul{margin:0;padding-left:1.5rem;list-style:none}.dialog-info li{color:var(--text-secondary);margin-bottom:.4rem;padding-left:1.5rem;font-size:.9rem;position:relative}.dialog-info li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.dialog-price{background-color:var(--bg-secondary);border:2px solid var(--accent);border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.price-label{color:var(--text-secondary);font-size:1rem}.price-amount{color:var(--accent);font-size:1.75rem;font-weight:700}.dialog-actions{border-top:2px solid var(--border);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.dialog-btn{cursor:pointer;border:2px solid;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.dialog-btn-cancel{border-color:var(--border);color:var(--text-secondary);background-color:#0000}.dialog-btn-cancel:hover{background-color:var(--bg-secondary);border-color:var(--accent);color:var(--text-primary)}.dialog-btn-confirm{background-color:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.dialog-btn-confirm:hover{color:var(--accent);background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.toast{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--accent);z-index:10000;word-wrap:break-word;border-radius:.5rem;max-width:400px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;animation:.3s ease-out slideIn;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.two-column-section{grid-template-columns:1fr;gap:2rem}.nav-actions{right:1rem}}@media (max-width:768px){.header-actions-content,.main-content,.footer-content{padding-left:1rem;padding-right:1rem}.action-buttons{flex-direction:column}.footer-content{grid-template-columns:1fr;gap:1.5rem}.social-links{justify-content:center}.form-row{grid-template-columns:1fr;gap:0}.contact-info{flex-direction:column;align-items:center;gap:1rem}.brand-title{font-size:1.25rem}.actions-right{gap:.75rem}.blog-grid{grid-template-columns:1fr;max-height:none;overflow-y:visible}.toast{max-width:none;bottom:1rem;left:1rem;right:1rem}.message-modal{max-width:95%}.message-modal-header{flex-direction:column;align-items:flex-start;gap:.75rem}.message-modal-content{padding:1rem}}@media (max-width:480px){.email-input-wrapper{flex-direction:column;align-items:stretch;gap:.75rem}.brand-title{font-size:1rem}.actions-right{gap:.5rem}.faq-column,.blog-column,.contact-card{padding:1rem}}