.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.header-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.header-logo svg{width:32px;height:32px}.header-nav{align-items:center;gap:24px;display:flex}.header-nav a{color:var(--text-secondary);font-size:14px;transition:color .2s}.header-nav a:hover{color:var(--text-primary)}.temp-mail-btn{background:var(--accent);border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;color:#0a0f1a!important}.temp-mail-btn:hover{opacity:.85;color:#0a0f1a!important}.lang-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:13px}.hero{text-align:center;padding:80px 20px 60px}.hero-badge{background:var(--accent-glow);color:var(--accent);letter-spacing:1.5px;border:1px solid #00d68f4d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.hero h1 span{color:var(--accent)}.hero p{color:var(--text-secondary);margin-bottom:40px;font-size:18px}.generate-btn{background:var(--accent);color:#000;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 40px;font-size:18px;font-weight:600;transition:all .3s;display:inline-flex}.generate-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #00d68f4d}.generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.email-panel{background:linear-gradient(145deg, var(--bg-card), var(--bg-secondary));border:1px solid #00d68f4d;border-radius:16px;max-width:680px;margin:0 auto 40px;padding:32px}.email-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.email-panel-title{color:var(--accent);font-size:16px;font-weight:600}.status-badge{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.email-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.email-address{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.5px;flex:1;padding:14px 20px;font-size:16px}.copy-btn{background:var(--accent);color:#000;border:none;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.copy-btn:hover{background:var(--accent-hover)}.copy-btn.copied{background:#10b981}.email-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.action-btn{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-card-hover)}.action-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.inbox{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;max-width:680px;margin:0 auto 60px;overflow:hidden}.inbox-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.inbox-title{color:var(--accent);font-size:16px;font-weight:600}.auto-refresh{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.auto-refresh-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.refresh-btn{color:var(--text-muted);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.refresh-btn:hover{color:var(--text-primary)}.refresh-btn.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inbox-empty{text-align:center;padding:60px 20px}.inbox-empty svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.inbox-empty p{color:var(--text-muted);font-size:15px}.inbox-empty .sub{margin-top:4px;font-size:13px}.mail-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:16px;padding:16px 24px;transition:background .2s;display:flex}.mail-item:last-child{border-bottom:none}.mail-item:hover{background:var(--bg-card-hover)}.mail-avatar{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.mail-content{text-align:left;flex:1;min-width:0}.mail-from{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.mail-subject{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.mail-time{color:var(--text-muted);white-space:nowrap;font-size:12px}.mail-unread .mail-from{color:var(--accent)}.mail-detail{max-width:680px;margin:0 auto 60px}.mail-detail-back{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:8px 0;font-size:14px;transition:color .2s;display:inline-flex}.mail-detail-back:hover{color:var(--text-primary)}.mail-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.mail-detail-header{border-bottom:1px solid var(--border-color);padding:24px}.mail-detail-subject{margin-bottom:12px;font-size:20px;font-weight:700}.mail-detail-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.mail-detail-body{color:var(--text-secondary);padding:24px;font-size:15px;line-height:1.8}.mail-detail-body a{color:var(--accent);word-break:break-all}.features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto 80px;padding:0 20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;border-radius:12px;padding:28px 24px;transition:all .3s}.feature-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.feature-icon{align-items:center;gap:10px;margin-bottom:12px;font-size:24px;display:flex}.feature-icon span{font-size:18px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:14px}.articles-section{max-width:900px;margin:0 auto 80px;padding:0 20px}.articles-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.articles-header h2{font-size:24px;font-weight:700}.articles-header a{align-items:center;gap:4px;font-size:14px;display:flex}.articles-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.article-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;border-radius:12px;padding:24px;transition:all .3s}.article-card:hover{border-color:var(--text-muted)}.article-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.article-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.article-card .date{color:var(--text-muted);font-size:13px}.info-section{grid-template-columns:1fr 1fr;align-items:start;gap:40px;max-width:900px;margin:0 auto 80px;padding:0 20px;display:grid}.info-left h2{margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.3}.info-left p{color:var(--text-secondary);font-size:15px;line-height:1.8}.info-right{background:linear-gradient(135deg,#0f2922,#112130);border:1px solid #00d68f33;border-radius:16px;padding:32px}.info-right h3{color:var(--accent);align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.info-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.info-item:last-child{margin-bottom:0}.info-check{color:var(--accent);flex-shrink:0;margin-top:2px}.info-item p{color:var(--text-secondary);font-size:14px}.info-item strong{color:var(--text-primary)}.section-title{text-align:center;margin-bottom:36px;font-size:28px;font-weight:800}.aliases-section{text-align:center;max-width:900px;margin:0 auto 80px;padding:0 20px}.aliases-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:13px}.aliases-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.alias-tag{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:20px;padding:6px 16px;font-size:13px;transition:all .2s}.alias-tag:hover{border-color:var(--accent);color:var(--accent)}.usecases-section{max-width:900px;margin:0 auto 80px;padding:0 20px}.usecases-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.usecase-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:28px 20px;transition:all .3s}.usecase-card:hover{border-color:var(--text-muted);transform:translateY(-3px)}.usecase-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.usecase-card h3{margin-bottom:8px;font-size:15px;font-weight:700}.usecase-card p{color:var(--text-muted);font-size:13px;line-height:1.7}.faq-section{max-width:900px;margin:0 auto 80px;padding:0 20px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#00d68f4d}.faq-question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;font-size:15px;font-weight:500;transition:color .2s;display:flex}.faq-question:hover,.faq-item.open .faq-question{color:var(--accent)}.faq-answer{color:var(--text-secondary);padding:0 24px 18px;font-size:14px;line-height:1.8}.blog-post-wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}.blog-post-back{color:var(--text-secondary);margin-bottom:32px;font-size:14px;transition:color .2s;display:inline-block}.blog-post-back:hover{color:var(--accent)}.blog-post-header{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:32px}.blog-post-header h1{margin:16px 0 12px;font-size:32px;font-weight:800;line-height:1.3}.blog-post-summary{color:var(--text-secondary);font-size:17px;line-height:1.7}.blog-post-body{margin-bottom:48px}.blog-post-body p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.9}.blog-post-body h2{color:var(--text-primary);margin:36px 0 12px;font-size:20px;font-weight:700}.blog-post-cta{text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:48px;padding:40px 0}.blog-related{margin-top:8px}.blog-related h3{margin-bottom:20px;font-size:20px;font-weight:700}.blog-related-card{color:inherit;text-decoration:none;display:block}.blog-related-card:hover{border-color:#00d68f66;transform:translateY(-2px)}.blog-related-card h4{color:var(--text-primary);margin:8px 0 6px;font-size:15px;font-weight:700}.blog-related-card p{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.6}.blog-related-link{color:var(--accent);font-size:13px;font-weight:600}.home-blog-section{max-width:900px;margin:0 auto 80px;padding:0 20px}.home-blog-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-blog-link{color:var(--accent);font-size:14px;transition:opacity .2s}.home-blog-link:hover{opacity:.75}.home-blog-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.home-blog-card:hover{border-color:#00d68f66;transform:translateY(-2px)}.home-blog-card h3{color:var(--text-primary)}.blog-article-list{flex-direction:column;gap:20px;display:flex}.blog-article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px;transition:border-color .2s}.blog-article-card.expanded{border-color:#00d68f59}.blog-article-meta{align-items:center;gap:16px;margin-bottom:12px;display:flex}.blog-read-time{color:var(--text-muted);font-size:13px}.blog-article-title{margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.4}.blog-article-summary{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.7}.blog-article-content{border-top:1px solid var(--border-color);margin-bottom:20px;padding-top:20px}.blog-article-content p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.85}.blog-article-heading{color:var(--text-primary);margin:24px 0 8px;font-size:16px;font-weight:700}.blog-article-heading:first-child{margin-top:0}.blog-expand-btn{border:1px solid var(--border-color);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.blog-expand-btn:hover{background:var(--accent-glow);border-color:#00d68f66}.blog-topics{flex-wrap:wrap;align-items:flex-start;gap:16px;max-width:900px;margin:0 auto 48px;padding:0 20px;display:flex}.blog-topics-label{color:var(--text-muted);white-space:nowrap;padding-top:6px;font-size:13px}.blog-tips-section{max-width:900px;margin:0 auto 64px;padding:0 20px}.blog-tips-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-tip-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px 20px;transition:all .3s}.blog-tip-card:hover{border-color:var(--text-muted);transform:translateY(-3px)}.blog-tip-icon{margin-bottom:12px;font-size:28px}.blog-tip-card h3{margin-bottom:8px;font-size:15px;font-weight:700}.blog-tip-card p{color:var(--text-muted);font-size:13px;line-height:1.7}.blog-why-section{max-width:900px;margin:0 auto 64px;padding:0 20px}.blog-why-inner{background:linear-gradient(135deg,#0f2922,#112130);border:1px solid #00d68f33;border-radius:16px;padding:40px 48px}.blog-why-inner h2{color:var(--accent);margin-bottom:20px;font-size:22px;font-weight:800}.blog-why-inner p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.9}.blog-why-inner p:last-child{margin-bottom:0}.temp-section{max-width:900px;margin:0 auto 64px;padding:0 20px}.temp-steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.temp-step{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:32px 24px;transition:transform .3s}.temp-step:hover{transform:translateY(-3px)}.temp-step-num{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:18px;font-weight:800;display:inline-flex}.temp-step h3{margin-bottom:10px;font-size:16px;font-weight:700}.temp-step p{color:var(--text-muted);font-size:14px;line-height:1.7}.compare-table-wrap{border:1px solid var(--border-color);border-radius:14px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:14px}.compare-table th,.compare-table td{text-align:center;border-bottom:1px solid var(--border-color);padding:16px 24px}.compare-table thead th{background:var(--bg-secondary);font-size:15px;font-weight:700}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table td:first-child{text-align:left;color:var(--text-secondary);font-weight:500}.compare-table .highlight-col{color:var(--accent);background:#00d68f12;font-weight:600}.compare-table thead .highlight-col{color:var(--accent);border-bottom:2px solid #00d68f66}.temp-scene-icon{margin-bottom:14px;font-size:32px}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding:32px 40px;font-size:13px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;min-width:300px;padding:32px}.modal-content h3{margin-bottom:20px;font-size:18px}.qr-placeholder{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 16px;padding:16px;display:flex}.qr-placeholder canvas{width:100%!important;height:100%!important}.modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;margin-top:8px;padding:8px 24px;font-size:14px;transition:all .2s}.modal-close:hover{color:var(--text-primary);border-color:var(--text-muted)}@media (width<=768px){.header{padding:12px 16px}.header-nav{gap:12px}.hero{padding:40px 16px 30px}.hero h1{font-size:32px}.hero p{font-size:15px}.generate-btn{padding:14px 32px;font-size:16px}.email-panel{margin:0 16px 24px;padding:20px}.email-address{padding:12px;font-size:13px}.inbox{margin:0 16px 40px}.features,.info-section{grid-template-columns:1fr;padding:0 16px}.info-left h2{font-size:24px}.email-actions{grid-template-columns:1fr}.usecases-grid{grid-template-columns:repeat(2,1fr)}.faq-question{padding:16px;font-size:14px}.faq-answer{padding:0 16px 16px}.articles-grid{grid-template-columns:1fr}.blog-tips-grid{grid-template-columns:repeat(2,1fr)}.blog-why-inner{padding:28px 20px}.temp-steps{grid-template-columns:1fr}.temp-section{padding:0 16px}.compare-table th,.compare-table td{padding:12px 16px;font-size:13px}}.legal-page .legal-content{max-width:780px;margin:0 auto;padding:0 24px 48px}.legal-content section{margin-bottom:32px}.legal-content h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:20px;font-weight:600}.legal-content p{color:var(--text-secondary);margin-bottom:10px;line-height:1.8}.legal-content ul{margin:12px 0;padding:0;list-style:none}.legal-content li{color:var(--text-secondary);padding:6px 0 6px 20px;line-height:1.8;position:relative}.legal-content li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:4px}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:32px}.contact-icon{margin-bottom:16px}.contact-email{color:var(--accent);word-break:break-all;margin:8px 0 12px;font-size:22px;font-weight:600;display:inline-block}.contact-email:hover{opacity:.8}.contact-response-time{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:inline-flex}.cookie-banner{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:200;justify-content:center;align-items:center;gap:16px;padding:14px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.cookie-banner p{color:var(--text-secondary);margin:0;font-size:13px}.cookie-banner a{color:var(--accent);text-decoration:underline}.cookie-banner button{background:var(--accent);color:#0a0f1a;white-space:nowrap;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .2s}.cookie-banner button:hover{opacity:.85}@media (width<=560px){.cookie-banner{text-align:center;flex-direction:column;gap:10px;padding:16px}}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:6px;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:transform .22s,opacity .22s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=560px){.hamburger{display:flex}.header-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px 20px;display:none;position:fixed;top:57px;left:0;right:0;box-shadow:0 8px 24px #0006}.header-nav.open{display:flex}.header-nav a,.header-nav .lang-btn{border-radius:8px;width:100%;padding:10px 12px;font-size:15px}.header-nav a:hover,.header-nav .lang-btn:hover{background:var(--bg-card-hover)}.header-nav .temp-mail-btn{width:auto;padding:8px 14px;display:inline-flex}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#151d2e;--bg-card-hover:#1a2440;--border-color:#1e293b;--border-highlight:#00d68f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#00d68f;--accent-hover:#00b377;--accent-glow:#00d68f26;--danger:#ef4444;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}