: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:color-mix(in srgb, var(--bg-primary) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);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{width:100%;background-color:#0000!important;border-bottom:0!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{box-shadow:0 14px 28px var(--shadow);border-radius:0 0 .9rem .9rem;background-color:var(--bg-primary)!important;border:1px solid var(--border)!important}.main-nav button{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}.main-nav button:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--text-tertiary)!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,.main-nav .card-nav-brand{color:var(--text-primary)!important}.main-nav .card-nav{background-color:var(--bg-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-direction:column;flex:1;gap:1.1rem;width:100%;max-width:860px;margin:0 auto;padding:5.25rem 1rem 1rem;display:flex}.email-section{width:100%}.email-card{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--bg-tertiary) 68%, transparent), transparent 42%), var(--bg-secondary);border:1px solid var(--border);box-shadow:0 12px 36px var(--shadow);border-radius:1rem;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.home-section-eyebrow{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.3;display:inline-block}.email-intro{max-width:34rem;margin-bottom:1.35rem}.email-intro h1{color:var(--text-primary);letter-spacing:-.055em;margin:.45rem 0 0;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.05}.email-intro p{max-width:32rem;color:var(--text-secondary);margin:.7rem 0 0;font-size:.95rem;line-height:1.65}.email-display-area{flex-direction:column;gap:.75rem;display:flex}.email-start-panel{border:1px solid var(--border);background:var(--bg-primary);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.email-start-copy{align-items:center;gap:.8rem;min-width:0;display:flex}.email-start-icon{background:var(--bg-tertiary);width:2.8rem;height:2.8rem;color:var(--text-primary);border-radius:.7rem;flex:none;place-items:center;display:grid}.email-start-icon svg{width:1.3rem;height:1.3rem}.email-start-copy strong{color:var(--text-primary);font-size:.9rem;font-weight:650;display:block}.email-start-copy p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.78rem;line-height:1.45}.email-address-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.email-input-wrapper{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:.65rem;padding:.5rem .6rem .5rem 1rem;display:flex}.email-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:clamp(.85rem,2.5vw,1rem)}.copy-btn{background-color:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;min-height:2.5rem;color:var(--text-primary);font:inherit;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.copy-btn:hover{background-color:var(--accent);color:var(--bg-primary)}.copy-btn svg{width:1rem;height:1rem}.email-status-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.timer-display{color:var(--text-secondary);align-items:center;gap:.4rem;font-family:monospace;font-size:.82rem;font-weight:600;display:flex}.timer-display svg{width:1rem;height:1rem}.email-active-status{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.email-active-status>span{background:#22a06b;border-radius:50%;width:.45rem;height:.45rem}.action-buttons{flex-wrap:wrap;gap:.55rem;padding-top:.15rem;display:flex}.action-buttons button{border:1px solid var(--border);background-color:var(--bg-primary);min-height:2.4rem;color:var(--text-primary);cursor:pointer;border-radius:.55rem;padding:.45rem .8rem;font-size:.76rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.change-btn:hover,.extend-btn:hover,.buy-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}.generate-btn{background-color:var(--accent);min-height:2.8rem;color:var(--bg-primary);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;border-radius:.6rem;justify-content:center;align-items:center;gap:.7rem;padding:.65rem 1rem;font-size:.82rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.generate-btn:hover:not(:disabled){box-shadow:0 6px 16px var(--shadow);transform:translateY(-1px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.loading-indicator{color:var(--text-secondary);justify-content:flex-start;padding:.2rem 0;font-size:.78rem;display:flex}.error-message{color:#dc3545;margin:0;font-size:.82rem;font-weight:500}.inbox-section{width:100%}.inbox-card{background-color:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 6px 22px var(--shadow);border-radius:1rem;padding:1.2rem;position:relative;overflow:hidden}.refresh-progress{background:var(--bg-tertiary);width:100%;height:2px;position:absolute;top:0;left:0;overflow:hidden}.refresh-progress-bar{background:var(--text-primary);transform-origin:0;width:100%;height:100%;animation:5s linear infinite shrink}.inbox-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.inbox-title{letter-spacing:-.025em;color:var(--text-primary);margin:.25rem 0 0;font-size:1.08rem;font-weight:700}.inbox-header-actions{align-items:center;gap:.65rem;display:flex}.inbox-status{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.refresh-button{border:1px solid var(--border);background:var(--bg-primary);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:transform .2s,background-color .2s;display:grid}.refresh-button:hover{background:var(--bg-tertiary);transform:rotate(20deg)}.refresh-button svg{width:1rem;height:1rem}.inbox-list{flex-direction:column;min-height:118px;display:flex}.messages{flex-direction:column;gap:.55rem;display:flex}.message{text-align:left;width:100%;font:inherit;background-color:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:.7rem;padding:.75rem .85rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:block}.message:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.message-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.message-sender{align-items:center;gap:.4rem;min-width:0;display:flex}.sender-avatar{background-color:var(--bg-tertiary);width:1.8rem;height:1.8rem;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sender{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.date{color:var(--text-tertiary);font-size:.775rem}.subject{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:.875rem;font-weight:500}.empty-inbox{min-height:140px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:.85rem;display:flex}.empty-inbox-icon{border:1px solid var(--border);background:var(--bg-primary);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.65rem;display:grid}.empty-inbox-icon svg{width:1.2rem;height:1.2rem}.empty-inbox p{margin:.2rem 0 0}.empty-inbox .empty-inbox-title{color:var(--text-primary);font-weight:650}.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)}.faq-column{width:100%;margin:0 auto;padding:.4rem .25rem}.blog-column{background-color:var(--bg-secondary);border:2px solid var(--border);box-sizing:border-box;border-radius:.5rem;padding:.75rem .85rem;overflow:hidden}.faq-column h2{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(1.25rem,3vw,1.55rem);font-weight:700;line-height:1.2}.faq-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.faq-heading p{max-width:17rem;color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.blog-column h2{text-align:center;color:var(--text-primary);margin:0 0 .6rem;font-size:1rem;font-weight:700}.faq-item{border:1px solid var(--border);background:var(--bg-secondary);border-radius:.7rem;margin-bottom:.55rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item.active{border-color:var(--accent);box-shadow:0 4px 14px var(--shadow)}.faq-question{background:var(--bg-secondary);text-align:left;width:100%;min-height:3.4rem;font:inherit;color:var(--text-primary);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.88rem;font-weight:600;transition:background-color .2s;display:flex}.faq-question:hover{background-color:var(--bg-tertiary)}.faq-chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:.65rem;height:.65rem;transition:transform .2s;position:relative;transform:rotate(45deg)translateY(-2px)}.faq-item.active .faq-chevron{transform:rotate(225deg)translate(-2px,-1px)}.faq-answer{color:var(--text-secondary);border-top:1px solid var(--border);margin:0;padding:.8rem 1rem 1rem;font-size:.84rem;line-height:1.65;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-post-container{width:100%;max-width:920px;margin:0 auto;padding:6rem 1rem 2.5rem}.blog-post-loading,.blog-post-error{background-color:var(--bg-secondary);border:2px solid var(--border);text-align:center;color:var(--text-secondary);border-radius:1rem;padding:2rem}.blog-post-error{flex-direction:column;align-items:center;gap:.75rem;display:flex}.back-link{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover,.back-to-blog:hover{color:var(--accent)}.back-to-blog{color:var(--text-primary);text-decoration:underline}.blog-post{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:1rem;overflow:hidden}.blog-post-cover{border-bottom:2px solid var(--border);width:100%;max-height:430px;overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-post-header{border-bottom:1px solid var(--border);padding:1.5rem}.blog-post-title{letter-spacing:-.01em;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.25}.blog-post-meta{color:var(--text-tertiary);flex-wrap:wrap;gap:1rem;margin-top:.8rem;display:flex}.blog-post-author,.blog-post-date{align-items:center;gap:.4rem;display:inline-flex}.blog-post-tags{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.blog-post-content{padding:1.4rem 1.5rem 1.8rem}.blog-block{margin-bottom:1rem}.blog-paragraph{color:var(--text-secondary);margin:0;line-height:1.8}.blog-h1,.blog-h2,.blog-h3{color:var(--text-primary);margin:0;line-height:1.35}.blog-h1{font-size:clamp(1.5rem,2.8vw,2.1rem)}.blog-h2{margin-top:.8rem;font-size:clamp(1.2rem,2.2vw,1.65rem)}.blog-h3{margin-top:.7rem;font-size:clamp(1.05rem,1.9vw,1.3rem)}.blog-list{color:var(--text-secondary);margin:.5rem 0 1rem 1.35rem;line-height:1.75}.blog-li{margin-bottom:.35rem}.blog-li span+span{margin-left:.15rem}.blog-post-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-code{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.65rem;padding:.85rem;overflow-x:auto}.blog-quote{border-left:4px solid var(--accent);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:.35rem;margin:0;padding:.25rem 0 .25rem .9rem}.blog-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.blog-callout{background-color:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--accent);color:var(--text-secondary);border-radius:.65rem;padding:.8rem .9rem}.blog-image-wrap{margin:1rem 0}.blog-image{border:1px solid var(--border);object-fit:cover;border-radius:.8rem;width:100%;max-height:460px}.blog-image-caption{color:var(--text-tertiary);margin-top:.45rem;font-size:.85rem}.blog-table-wrap{margin:1rem 0;overflow-x:auto}.blog-table{border-collapse:collapse;border:1px solid var(--border);border-radius:.65rem;width:100%;overflow:hidden}.blog-table td{border:1px solid var(--border);vertical-align:top;color:var(--text-secondary);padding:.65rem .75rem;line-height:1.6}.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-primary);border-top:1px solid var(--border);margin-top:auto;padding:2rem 0 1rem;font-family:inherit}.footer-content{grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(110px,1fr));gap:1.5rem;max-width:860px;margin:0 auto;padding:0 1rem;display:grid}.footer-section{min-width:0}.footer-section h4{letter-spacing:.04em;color:var(--text-primary);margin:0 0 .75rem;font-size:.78rem;font-weight:700}.footer-logo{width:auto;max-width:110px;height:auto;margin-bottom:.7rem}[data-theme=dark] .footer-logo{filter:invert()}.footer-section .blackmail-logo{margin-bottom:.4rem}.footer-section .blackmail-logo svg{width:auto;height:20px}.footer-description{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.45rem;font-size:.78rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--accent)}.social-links{gap:.5rem;display:flex}.social-links a{background-color:var(--bg-tertiary);width:2.2rem;height:2.2rem;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;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:left;max-width:860px;color:var(--text-tertiary);margin:1.5rem auto 0;padding:1rem 1rem 0;font-size:.72rem}.footer-bottom p{margin:0}.footer-bottom p+p{margin-top:.4rem}.footer-bottom a{color:inherit;text-decoration:none;transition:color .2s}.footer-bottom a:hover{color:var(--accent)}.contact-section{width:100%;margin:0 auto .5rem}.contact-card{background-color:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 6px 22px var(--shadow);border-radius:1rem;gap:1.5rem;width:100%;padding:clamp(1.1rem,3vw,1.75rem);display:grid}.contact-card h2{letter-spacing:-.04em;color:var(--text-primary);margin:.4rem 0 0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.15}.contact-description{color:var(--text-secondary);margin:.7rem 0 0;font-size:.86rem;line-height:1.6}.contact-info{flex-direction:column;gap:.85rem;margin-top:1.3rem;display:flex}.contact-item{color:var(--text-secondary);overflow-wrap:anywhere;align-items:center;gap:.65rem;font-size:.78rem;font-weight:500;display:flex}.contact-item-icon{border:1px solid var(--border);background:var(--bg-primary);border-radius:.6rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.contact-item-icon svg{width:1rem;height:1rem}.contact-form{min-width:0;margin:0}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.25rem;display:grid}.form-group{flex-direction:column;margin-bottom:.75rem;display:flex}.form-group label{color:var(--text-primary);margin-bottom:.35rem;font-size:.76rem;font-weight:600}.form-group input,.form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border);font:inherit;color:var(--text-primary);border-radius:.55rem;padding:.7rem .75rem;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--shadow);outline:none}.contact-submit-btn{background-color:var(--accent);min-height:2.8rem;color:var(--bg-primary);border:1px solid var(--accent);cursor:pointer;border-radius:.55rem;justify-content:space-between;align-items:center;width:100%;padding:.65rem .9rem;font-size:.82rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.contact-submit-btn:hover:not(:disabled){color:var(--accent);background-color:#0000}.contact-submit-btn:disabled{cursor:wait;opacity:.7}.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:0}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.footer-section:first-child{grid-column:1/-1}.social-links{justify-content:flex-start}.form-row{grid-template-columns:1fr;gap:0}.contact-info{flex-direction:column;align-items:flex-start;gap:.75rem}.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}.blog-post-container{padding-top:5.25rem}.blog-post-header,.blog-post-content{padding:1rem}}@media (max-width:480px){.email-input-wrapper{gap:.4rem;padding-left:.7rem}.email-start-panel{flex-direction:column;align-items:stretch}.generate-btn{width:100%}.email-status-row{flex-direction:column;align-items:flex-start}.action-buttons{grid-template-columns:1fr 1fr}.action-buttons button{padding-inline:.5rem}.inbox-card{padding:1rem .8rem}.inbox-header{align-items:flex-start}.inbox-status{display:none}.message-header{align-items:flex-start;gap:.5rem}.date{flex:none}.faq-heading{flex-direction:column;align-items:flex-start;gap:.4rem}.brand-title{font-size:1rem}.actions-right{gap:.5rem}.contact-card{padding:1.05rem}.footer-content{column-gap:.8rem}}@media (min-width:820px){.contact-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start;gap:2rem}}.home-blog-section{border:1px solid var(--border);background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--bg-tertiary) 72%, transparent), transparent 42%), var(--bg-secondary);border-radius:1rem;width:100%;margin:0 auto 1.5rem;padding:1.4rem;overflow:hidden}.home-blog-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.15rem;display:flex}.home-blog-heading{min-width:0}.home-blog-eyebrow{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:inline-block}.home-blog-heading h2{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:700;line-height:1.2}.home-blog-heading p{color:var(--text-secondary);margin:.45rem 0 0;font-size:.82rem;line-height:1.5}.home-blog-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.home-blog-viewall{color:var(--text-primary);white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:650;text-decoration:none;display:inline-flex}.home-blog-viewall span{font-size:1rem;transition:transform .2s}.home-blog-viewall:hover{text-underline-offset:3px;text-decoration:underline}.home-blog-viewall:hover span{transform:translate(2px,-2px)}.home-blog-controls{gap:.4rem;display:flex}.home-blog-controls button{border:1px solid var(--border);background:var(--bg-primary);width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .2s,border-color .2s,transform .2s;display:grid}.home-blog-controls button:hover{border-color:var(--text-tertiary);background:var(--bg-tertiary);transform:translateY(-1px)}.home-blog-controls button:focus-visible,.home-blog-viewall:focus-visible,.home-blog-track:focus-visible,.home-blog-card:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.home-blog-controls svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.home-blog-track{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--border) transparent;scrollbar-width:thin;grid-auto-columns:clamp(255px,46%,315px);grid-auto-flow:column;gap:.85rem;padding:.15rem .1rem .7rem;display:grid;overflow-x:auto}.home-blog-card{border:1px solid var(--border);background:var(--bg-primary);min-width:0;min-height:100%;color:var(--text-primary);scroll-snap-align:start;border-radius:.8rem;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.45s both home-blog-arrive;display:flex;position:relative;overflow:hidden}@keyframes home-blog-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-blog-card:hover{border-color:var(--text-tertiary);box-shadow:0 10px 24px var(--shadow);transform:translateY(-2px)}.home-blog-cover{aspect-ratio:1.9;background:var(--bg-tertiary);width:100%;overflow:hidden}.home-blog-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.home-blog-card:hover .home-blog-cover img{transform:scale(1.04)}.home-blog-cover-placeholder{width:100%;height:100%;color:var(--text-tertiary);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));justify-content:center;align-items:center;display:flex}.home-blog-cover-placeholder svg{opacity:.65;width:3rem;height:3rem}.home-blog-body{flex-direction:column;flex:1;align-items:flex-start;gap:.55rem;min-height:132px;padding:.85rem .9rem .9rem;display:flex}.home-blog-tags{flex-wrap:wrap;gap:.3rem;display:flex}.home-blog-tag{border:1px solid var(--border);background:var(--bg-secondary);max-width:100%;color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.59rem;font-weight:700;overflow:hidden}.home-blog-title{color:var(--text-primary);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.91rem;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.home-blog-date{color:var(--text-tertiary);align-items:center;gap:.35rem;margin-top:auto;font-size:.7rem;display:flex}.home-blog-date svg{flex-shrink:0;width:.85rem;height:.85rem}.home-blog-skeleton{pointer-events:none}@keyframes home-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home-blog-skeleton-img,.home-blog-skeleton-line{background-image:linear-gradient(90deg, var(--bg-tertiary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);background-size:200% 100%;animation:1.5s linear infinite home-shimmer}.home-blog-skeleton-line{border-radius:6px;width:100%;height:.7rem}.home-blog-skeleton-line.short{width:36%;height:9px}.home-blog-skeleton-line.full{width:100%}.home-blog-skeleton-line.med{width:65%}.home-blog-skeleton-line.date{width:42%;height:.55rem;margin-top:auto}@media (max-width:600px){.email-start-panel{flex-direction:column;align-items:stretch}.generate-btn{width:100%}.home-blog-section{border-radius:.8rem;padding:1.05rem}.home-blog-header{flex-direction:column;align-items:flex-start;gap:.8rem}.home-blog-actions{justify-content:space-between;width:100%}.home-blog-track{grid-auto-columns:min(78vw,290px)}}@media (prefers-reduced-motion:reduce){.home-blog-card,.home-blog-card:hover,.home-blog-controls button,.home-blog-cover img,.home-blog-viewall span{scroll-behavior:auto;transition:none;animation:none;transform:none}}
