.sender-col,.subject-col{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-card-unread .sender-col,.email-card-unread .subject-col,.gmail-header .subject,body{color:var(--text-light-primary)}:root{--primary-color:#1a73e8;--primary-color-dark:#1565c0;--gradient-start:#6e8efb;--gradient-end:#a777e3;--background-light:#f4f7f9;--surface-light:#ffffff;--text-light-primary:#202124;--text-light-secondary:#5f6368;--border-light:#e0e0e0;--shadow-color:rgba(0, 0, 0, 0.08);--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}body{margin:0;font-family:var(--font-family);background:var(--background-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ad-container-top-mobile,.left-sidebar,.right-sidebar{display:none}.ad-container-top{width:100%;padding:10px 0;background-color:#f8f9fa;text-align:center;min-height:50px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-light)}.page-wrapper{max-width:1600px;margin:0 auto}.main-layout-container{display:flex;justify-content:center;gap:20px;padding:20px}.sidebar{width:300px;flex-shrink:0}.center-content{flex-grow:1;max-width:800px}.ad-placeholder-square,.ad-placeholder-vertical{background-color:#e9ecef;border:2px dashed #d6dbe0;color:#9aa0a6;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem}.ad-placeholder-square{height:250px;width:300px;margin-bottom:20px}.ad-placeholder-vertical{height:500px;width:300px}.top-section{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);padding:25px 20px 30px;text-align:center;color:#fff;border-radius:16px;margin-bottom:30px}#refreshTimer,.email-box{color:var(--primary-color)}.header-flex{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px}.logo-img{height:40px}.logo-text{font-size:1.8rem;font-weight:700;letter-spacing:-1px}.main-heading{font-size:1.5rem;font-weight:600;margin:0 0 8px}.sub-heading{font-size:1rem;font-weight:400;margin:0 auto 25px;line-height:1.6;max-width:500px;opacity:.9}.email-box-container{display:flex;justify-content:center;align-items:center;margin:0 auto 20px;max-width:450px;background:var(--surface-light);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2)}.email-box{flex:1;width:100%;padding:14px 20px;font-size:1.1rem;border:none;border-radius:12px 0 0 12px;outline:0;background:0 0;font-weight:600}.copy-btn-main,.icon-btn{color:#fff;cursor:pointer}.copy-btn-main{height:50px;width:55px;font-size:1.5rem;border-radius:0 11px 11px 0;background:var(--primary-color);border:none;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.copy-btn-main:hover{background:var(--primary-color-dark)}.action-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.icon-btn,.inbox-header{display:flex;align-items:center;font-weight:600}.icon-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);padding:10px 16px;font-size:.95rem;border-radius:8px;transition:.2s;gap:8px;backdrop-filter:blur(5px)}.back-btn,.delete-btn,.intro-col,.subject-col,.time-col{color:var(--text-light-secondary)}#historyList li,.email-card,.inbox-header{border-bottom:1px solid var(--border-light)}#mailList,.full-view-container,.main-content{padding:0}.attachment-item,.back-btn,.delete-btn,.email-summary{transition:background-color .2s}.icon-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.inbox-container{background:var(--surface-light);border-radius:16px;box-shadow:0 8px 30px var(--shadow-color);overflow:hidden;margin:0 auto 30px;width:100%}.inbox-header{justify-content:space-between;padding:16px 20px;font-size:1.1rem;background:#f8f9fa}#refreshTimer{font-size:.9rem;font-weight:500}#mailList{list-style:none;margin:0;max-height:420px;min-height:200px;overflow-y:auto}.email-card{display:block}#historyList li:last-child,.email-card:last-child{border-bottom:none}.email-summary{display:flex;align-items:center;gap:15px;padding:14px 20px;cursor:pointer}#historyList li:hover,.back-btn:hover,.delete-btn:hover,.email-summary:hover{background-color:#f1f3f4}.email-card-unread .email-summary{background-color:#e8f0fe;font-weight:700}.sender-col{flex:0 0 160px;font-weight:600}.subject-col{flex:1;min-width:0}.intro-col{font-weight:400}.time-col{flex:0 0 80px;text-align:right;font-size:.9em;font-weight:500}.gmail-view{padding:20px}.gmail-header{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:15px}.back-btn,.delete-btn{background:0 0;border:none;font-size:1.5em;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.email-attachments,.email-body-container{border-top:1px solid var(--border-light)}.gmail-header .subject{font-size:1.4rem;font-weight:600;margin:0;flex:1}.sender-info{display:flex;align-items:center;margin-bottom:20px}.sender-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;margin-right:15px}.email-date,.recipient-info,.sender-email{color:var(--text-light-secondary)}.sender-details{flex:1}.sender-name{font-weight:600}.email-date,.recipient-info{font-size:.9em}.email-body-container{padding-top:20px;font-size:1em;line-height:1.7;color:#202124}.email-attachments{margin-top:25px;padding-top:15px}.attachment-item{display:inline-flex;align-items:center;border:1px solid var(--border-light);border-radius:8px;padding:10px;margin:0 10px 10px 0;text-decoration:none;color:var(--text-light-primary)}.attachment-item:hover{background-color:#f8f9fa}.file-icon{margin-right:10px;font-size:1.5em}.file-name{font-weight:500}.file-size{font-size:.85em;color:var(--text-light-secondary)}.auto-verify-banner{background-color:#e8f0fe;padding:15px 20px;text-align:center;margin-bottom:20px;border-radius:8px;border:1px solid #d2e3fc}.auto-verify-button{background-color:var(--primary-color);color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:600;display:inline-block;transition:background-color .2s,transform .2s}.faq-item,.feature-item{background:var(--surface-light)}.auto-verify-button:hover{background-color:var(--primary-color-dark);transform:scale(1.05)}.content-section{max-width:800px;margin:40px auto;text-align:center}.faq-container,.features-grid{text-align:left}.content-section h2{font-size:1.5rem;margin-bottom:20px}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-item{padding:25px;border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}.feature-item h3{margin-top:0}.read-more{color:var(--primary-color);font-weight:600}.modal-close-btn{color:var(--text-light-secondary)}.faq-item{margin-bottom:10px;border-radius:8px;border:1px solid var(--border-light)}.faq-item summary{font-weight:600;padding:15px;cursor:pointer}.faq-item p{padding:0 15px 15px;margin:0;line-height:1.6}.site-footer{color:var(--text-light-secondary);padding:40px 20px;margin-top:40px;background:#f0f2f5;font-size:.9rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto 30px;gap:30px}.footer-section{flex:1;min-width:200px}.footer-section h4{color:var(--text-light-primary);margin-top:0;margin-bottom:15px;font-size:1.1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-light-secondary);text-decoration:none;transition:color 0.2s}.footer-links a:hover{color:var(--primary-color)}.footer-description{line-height:1.6;margin:0}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.footer-tagline{margin-top:5px;font-style:italic}.modal-bg{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);justify-content:center;align-items:center}.modal-content{background:var(--surface-light);max-width:400px;width:90vw;padding:25px;border-radius:14px;box-shadow:0 4px 32px rgba(0,0,0,.2);position:relative;animation:.3s fadeInModal}.modal-close-btn{position:absolute;top:10px;right:15px;background:0 0;border:none;font-size:1.8em;cursor:pointer}#historyList{padding:0;margin:0;list-style:none}#historyList li{padding:10px;cursor:pointer}.progress-bar-container{width:100%;height:4px;position:fixed;top:0;left:0;z-index:1000}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gradient-start) 0,var(--gradient-end) 100%);transition:width .3s ease-out}

/* Enhanced FAQ Styles */
.faq-section {
    padding: 20px;
    background: linear-gradient(to bottom, #f8faff, #ffffff);
    border-radius: 16px;
    box-shadow: 0 8px 30px var(--shadow-color);
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border: 1px solid #e6e8f0;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.faq-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.faq-item summary {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 1.5rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
    content: '−';
}

.faq-answer {
    padding: 0 20px 20px;
    line-height: 1.6;
}

.faq-icon {
    display: inline-block;
    background: var(--primary-color);
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 0.9rem;
}

.ad-container-bottom {
    margin: 40px 0 0;
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid var(--border-light);
}

/* Testimonials */
.testimonials-section {
    margin: 50px auto;
    text-align: center;
}

.testimonials-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
}

.testimonial-card {
    background: var(--surface-light);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px var(--shadow-color);
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    text-align: left;
}

.testimonial-rating {
    color: #ffb100;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.testimonial-text {
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 15px;
}

.testimonial-author {
    font-weight: 600;
    text-align: right;
    margin-bottom: 0;
}

/* Feature Highlights */
.feature-highlights {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 auto 30px;
}

.feature-item-small {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    padding: 12px 15px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    flex: 1;
    min-width: 200px;
    max-width: 250px;
}

.feature-icon {
    font-size: 1.5rem;
    margin-right: 12px;
}

.feature-text h3 {
    margin: 0 0 5px;
    font-size: 0.9rem;
    font-weight: 700;
}

.feature-text p {
    margin: 0;
    font-size: 0.8rem;
    opacity: 0.8;
}

/* Navigation Bar */
.main-nav {
    background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
    padding: 12px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.nav-logo a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 1.2rem;
}

.nav-logo img {
    border-radius: 8px;
}

.nav-links {
    display: flex;
    gap: 20px;
}

.nav-links a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
    padding: 5px 10px;
    border-radius: 8px;
}

.nav-links a:hover, .nav-links a.active {
    color: white;
    background: rgba(255, 255, 255, 0.15);
}

/* Blog Cards */
.blog-card {
    border-left: 4px solid var(--primary-color);
}

@keyframes fadeInModal{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1401px){.left-sidebar,.right-sidebar{display:block}}@media (max-width:1400px){.main-layout-container{flex-direction:column;align-items:center}.sidebar{display:none}}@media (max-width:768px){.ad-container-top-pc,.time-col{display:none}.ad-container-top-mobile{display:flex}.main-heading{font-size:1.3rem}.sub-heading{font-size:.95rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px}.inbox-container{width:auto;margin:-20px 0 30px}.sender-col{flex:0 0 100px}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:20px}.footer-section{min-width:100%}.footer-bottom{padding-top:15px}}