@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/Inter-Bold.woff2) format("woff2")}:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-darker:#3730a3;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#4b5563;--text-muted:#6b7280;--text-light:#9fa4b2;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#111827;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--success:#10b981;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-dark:#065f46;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--error-dark:#991b1b;--warning:#f59e0b;--warning-dark:#d97706;--gradient-start:#eef2ff;--gradient-end:#f9fafb;--result-type-bg:#dbeafe;--result-type-text:#1d4ed8;--result-summary-bg:#d1fae5;--result-summary-text:#065f46;--result-model-bg:#fef3c7;--result-model-text:#92400e;--footer-bg:#111827;--footer-text:#e5e7eb;--footer-border:#374151;--overlay:rgba(0,0,0,.5);--shadow-sm:0 2px 6px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.05);--shadow-lg:0 8px 25px rgba(0,0,0,.1);--shadow-xl:0 20px 60px rgba(0,0,0,.3);--skeleton-bg:#e5e7eb}*{margin:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-secondary);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none}button{font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;background-color:var(--primary-color);color:#fff;transition:background-color .2s ease-in-out}button:hover{background-color:var(--primary-dark)}.hamburger:active,.hamburger:focus,.hamburger:hover{background-color:transparent}button:disabled{opacity:.6;cursor:not-allowed}html{scroll-behavior:smooth}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.header.scrolled{background-color:hsla(0,0%,100%,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.08);padding:1rem 3rem}.header-left{gap:2rem}.header-left,.logo{display:flex;align-items:center}.logo{cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo svg{height:32px;width:auto;transition:all .3s ease;color:var(--primary-color)}.header:not(.scrolled) .logo svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}header nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}header nav ul li a{text-decoration:none;font-weight:700;color:var(--text-secondary);transition:color .2s}header nav ul li a:hover{color:var(--primary-color);text-decoration:none}.header:not(.scrolled) nav ul li a{color:var(--text-primary)}.header:not(.scrolled) nav ul li a:hover{color:var(--primary-color)}header .auth-buttons{display:flex;gap:1rem;align-items:center}header .auth-buttons button{padding:.6rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}header .auth-buttons .signup{background-color:var(--primary-color);color:#fff}header .auth-buttons .signup:hover{background-color:var(--primary-dark)}.header:not(.scrolled) .auth-buttons .signup{box-shadow:0 4px 12px rgba(79,70,229,.3)}header .auth-buttons .login,header .auth-buttons .profile-link{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}header .auth-buttons .login:hover,header .auth-buttons .profile-link:hover{background-color:rgba(79,70,229,.1);text-decoration:none}.header:not(.scrolled) .auth-buttons .login,.header:not(.scrolled) .auth-buttons .profile-link{box-shadow:0 2px 8px rgba(0,0,0,.1)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--primary-color);margin:3px 0;transition:.3s;border-radius:3px}.header:not(.scrolled) .hamburger span{box-shadow:0 1px 2px rgba(0,0,0,.2)}.hamburger.open span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:fixed;top:80px;left:0;right:0;max-height:0;background:hsla(0,0%,100%,.98);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);opacity:0;z-index:999}.mobile-menu.open{max-height:500px;opacity:1}.mobile-nav{padding:1.5rem 2rem 2rem}.mobile-nav ul{list-style:none;padding:0;margin-bottom:2rem;display:flex;flex-direction:column}.mobile-nav ul li:last-child{border-bottom:none}.mobile-nav ul li a{font-size:1.1rem;font-weight:500;color:var(--text-primary);text-decoration:none;display:block;transition:color .2s}.mobile-nav ul li a:hover{color:var(--primary-color)}.mobile-auth{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.mobile-auth button{width:100%;padding:.75rem;font-size:.95rem}.mobile-auth .login{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.desktop-nav{display:block}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;background:linear-gradient(135deg,#eef2ff,#f9fafb 50%,#fff);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(79,70,229,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,51,234,.08) 0,transparent 50%);z-index:0;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.hero>*{position:relative;z-index:1}.hero h1{font-size:3rem;color:var(--text-primary);margin-bottom:1.5rem;max-width:900px;line-height:1.15}.hero p{max-width:700px;margin-bottom:2.5rem;color:var(--text-tertiary);font-size:1.2rem;line-height:1.7}.hero button{padding:1rem 2.5rem;font-size:1.15rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary-color) 0,#6366f1 100%);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(79,70,229,.25)}.hero button:hover{box-shadow:0 12px 32px rgba(79,70,229,.35);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%)}.hero .media{margin-top:3rem;width:100%;max-width:800px;height:400px;background-color:var(--border-light);display:flex;align-items:center;justify-content:center;border-radius:12px;animation:fadeInUp .8s ease-out .6s both}@media (max-width:968px){.header{padding:1.25rem 2rem}.header.scrolled{padding:1rem 2rem}.hero{padding:7rem 2rem 5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.hero button{padding:.875rem 2rem;font-size:1rem}.hero .media{height:300px}}@media (max-width:768px){.desktop-nav,header .desktop-auth{display:none}.hamburger{display:flex}body.mobile-menu-open{overflow:hidden}.header{padding:1rem 2rem}.hero{padding:7rem 1.5rem 4rem}.hero h1{font-size:2rem;line-height:1.2}.hero p{font-size:1rem;margin-bottom:2rem}.hero button{width:100%;max-width:300px}.hero .media{height:250px}.logo svg{height:28px}}.summarize{margin:4rem auto;padding:2rem;text-align:center}.summarize h3{font-size:1.75rem;margin-bottom:2rem;color:var(--text-primary);font-weight:600}.summarize .options{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.summarize .options button{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid var(--text-light);background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.summarize .options button:hover{background-color:var(--border-light)}.summarize .options button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.summarize .input-box{display:flex;flex-direction:column;align-items:center}.summarize .upload-box{padding:2rem;border:2px dashed var(--text-light);border-radius:1rem;max-width:600px;width:100%;margin-bottom:1rem;text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .2s,background-color .2s}.summarize .upload-box:hover{border-color:var(--primary-color);background-color:var(--bg-tertiary)}.summarize input[type=text],.summarize textarea{width:100%;max-width:600px;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--text-light);margin-bottom:1rem;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;box-sizing:border-box}.summarize .textarea-wrapper{position:relative;width:100%;max-width:600px;margin:1rem auto}.summarize .textarea-wrapper textarea{width:100%;padding:.75rem 1rem 2rem;border-radius:.5rem;border:1px solid var(--text-light);resize:vertical;min-height:150px;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif;font-size:1rem}.summarize .textarea-wrapper .char-counter{position:absolute;bottom:0;right:0;font-size:.85rem;color:var(--text-muted);pointer-events:none}.summarize .submit-btn{padding:.75rem 2rem;border-radius:.5rem;border:none;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.summarize .submit-btn:hover{background-color:var(--primary-dark)}@media (max-width:768px){.summarize .options{flex-direction:column;gap:.75rem}.summarize .upload-box,.summarize input[type=text],.summarize textarea{width:90%}}.footer{background:var(--text-primary);color:var(--border-light);padding:4rem 2rem 1rem}.footer-logo{margin-bottom:15px}.footer-logo svg{height:32px;width:auto;color:inherit}@media (max-width:768px){.footer-logo svg{height:28px}}section{scroll-margin-top:80px}.footer-content{max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:3rem;gap:3rem;margin:0 auto 2rem}.footer-section h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-section p{color:var(--text-light);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--text-light);text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--text-secondary);padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-light);margin:0}.features{max-width:1100px;margin:4rem auto;padding:2rem;text-align:center}.features p{margin-bottom:2rem;color:var(--text-tertiary);font-size:1.1rem}.features h2{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.features .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.features .card{flex:1 1 300px;background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);text-align:left}.features .card h3{margin-bottom:1rem;color:var(--primary-color)}.features .card p{color:var(--text-tertiary)}.pricing{background:var(--bg-secondary);margin:4rem auto;padding:2rem;text-align:center}.pricing h2{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.pricing .plans{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1100px;margin:0 auto}.pricing .plan{flex:1 1 300px;background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.pricing .plan h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.pricing .plan p{margin-bottom:1.5rem;color:var(--text-tertiary)}.pricing .plan .price{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.pricing .plan button{background:var(--primary-color);color:#fff;padding:.7rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:700}.pricing .plan button:hover{background:var(--primary-darker)}.dashboard{display:flex;height:100vh;background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,sans-serif}.sidebar{width:250px;background:var(--text-primary);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem}.sidebar .logo{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color)}.sidebar nav ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.sidebar nav ul li a{text-decoration:none;color:var(--border-light);font-weight:500;transition:color .3s}.sidebar nav ul li a:hover{color:#6366f1}.sidebar .logout{background:#ef4444;border:none;padding:.7rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;color:#fff}.sidebar .logout:hover{background:#b91c1c}.content{flex:1 1;padding:2rem;overflow-y:auto}.topbar h1{font-size:1.8rem;margin-bottom:.5rem}.topbar p{color:var(--text-muted)}.documents{margin-top:2rem}.documents h2{font-size:1.5rem;margin-bottom:1rem}.documents .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.doc-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.doc-card h3{margin-bottom:.5rem;color:var(--primary-color)}.doc-card p{margin-bottom:1rem;color:var(--text-tertiary)}.doc-card button{background:var(--primary-color);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700}.doc-card button:hover{background:var(--primary-darker)}@media (max-width:768px){.hero .media,.summarize .upload-box,.summarize input[type=text],.summarize textarea{width:95%}.features .cards,.pricing .plans{flex-direction:column;align-items:center}.features .card,.pricing .plan{width:90%;max-width:none}.summarize .textarea-wrapper textarea{font-size:.95rem}.summarize .textarea-wrapper .char-counter{bottom:.5rem;right:.5rem}}.profile-page{max-width:800px;margin:2rem auto;padding:2rem 0}@media (max-width:768px){.profile-page{margin-top:100px}}.profile-page h1{font-size:1.8rem;margin-bottom:1rem}.summaries{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.summary-card{padding:1rem;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9}.logout-btn{margin-top:2rem;padding:.6rem 1.2rem;border-radius:6px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer}.profile-container{max-width:1000px;margin:0 auto;padding:6rem 2rem 4rem}.profile-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.loading-spinner{font-size:1.1rem;color:var(--text-muted)}.auth-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,var(--gradient-start),var(--bg-secondary));padding:8rem 2rem 6rem}.auth-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;text-align:center}.auth-container h1{font-size:2rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600}.auth-form{gap:1.5rem;margin-bottom:2rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.form-group input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-group input:disabled{background-color:var(--bg-secondary);opacity:.6}.form-group small{margin-top:.5rem;color:var(--text-muted);font-size:.85rem}.auth-button{padding:.75rem 2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.auth-button:hover:not(:disabled){background-color:var(--primary-dark)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 2rem;background-color:#fff;color:var(--text-secondary);border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;width:100%}.google-button:hover{background-color:var(--bg-secondary);border-color:var(--text-light)}.google-button span{font-size:1.2rem}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-muted)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background-color:var(--border-light)}.divider span{padding:0 1rem;font-size:.9rem;background-color:#fff}.auth-links{margin-top:2rem}.auth-links p{color:var(--text-muted);font-size:.95rem}.auth-links a{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.error-message,.success-message{padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.success-message{background-color:var(--success-bg);color:#16a34a;border-radius:8px;border:1px solid var(--success-border)}@media (max-width:768px){.auth-container{padding:2rem 1.5rem;margin:1rem}.auth-container h1{font-size:1.75rem}}.profile-header{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem}.profile-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem}.user-info{display:flex;flex-direction:column;gap:1rem}.user-info>div{display:flex;align-items:center;gap:1rem}.user-info .label{font-weight:600;color:var(--text-secondary);min-width:80px}.user-info .value{color:var(--text-primary)}.plan-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.plan-badge.free{background-color:var(--border-light);color:var(--text-secondary)}.plan-badge.pro{background-color:var(--primary-color);color:#fff}.usage-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem}.usage-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.usage-card{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;text-align:center}.usage-card h3{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.usage-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.usage-total{font-size:1.5rem;color:var(--text-light)}.usage-reset{font-size:.85rem;color:var(--text-muted);margin:0}.upgrade-prompt{background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;padding:2rem;border-radius:12px;text-align:center}.upgrade-prompt h3{color:#fff;margin-bottom:.5rem}.upgrade-prompt p{color:#e0e7ff;margin-bottom:1.5rem}.upgrade-button{background:#fff;color:var(--primary-color);border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s ease-in-out}.upgrade-button:hover{transform:translateY(-1px);color:var(--bg-primary)}.summaries-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.summaries-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.no-summaries{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.no-summaries p{margin-bottom:1.5rem}.create-summary-link{display:inline-block;background:var(--primary-color);color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .2s}.create-summary-link:hover{background:var(--primary-dark);text-decoration:none}.summaries-list{display:flex;flex-direction:column;gap:1rem}.summary-card{border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;transition:border-color .2s,cursor .2s;cursor:pointer}.summary-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(79,70,229,.1)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-title{font-size:1.1rem;color:var(--text-primary);margin:0}.summary-length,.summary-type{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.summary-content{margin-bottom:1rem}.summary-content p{color:var(--text-tertiary);margin:0;line-height:1.5}.summary-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}@media (max-width:768px){.profile-container{padding:0 1rem}.profile-header,.summaries-section,.usage-section{padding:1.5rem}.usage-stats{grid-template-columns:1fr}.summary-header{gap:.5rem}.summary-footer,.summary-header{flex-direction:column;align-items:flex-start}.summary-footer{gap:.25rem}}.summary-options{margin-bottom:2rem;text-align:center}.summary-options label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.summary-type-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.summary-type-buttons button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--text-light);background-color:var(--bg-secondary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.summary-type-buttons button:hover:not(:disabled){background-color:var(--border-light)}.summary-type-buttons button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.summary-type-buttons button:disabled{opacity:.6;cursor:not-allowed}.processing-indicator{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding:2rem;background:transparent;border-radius:12px;border:2px dashed var(--primary-color)}.spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-indicator p{color:var(--primary-color);font-weight:500;margin:0}.error-message{background-color:var(--error-bg);color:var(--error);padding:1rem;border-radius:8px;border:1px solid var(--error-border);margin:1rem 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.char-counter .char-warning{color:var(--error);font-weight:500}.result-section{background:#fff;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-lg);border:2px solid var(--primary-color)}.result-header{margin-bottom:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem}.result-header h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.result-meta{display:flex;gap:.75rem;flex-wrap:wrap}.result-meta span{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.result-type{background-color:var(--result-type-bg)!important;color:var(--result-type-text)!important}.result-summary-type{background-color:var(--result-summary-bg)!important;color:var(--success-dark)!important}.result-model{background-color:var(--result-model-bg)!important;color:var(--result-model-text)!important}.result-content{margin:1.5rem 0}.summary-text{line-height:1.7;font-size:1rem;color:var(--text-secondary);text-align:left}.summary-text p{margin-bottom:1rem}.summary-text p:first-child{font-weight:500}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.result-actions button{background:#f8fafc;color:var(--primary-color);border:1px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.result-actions button:hover{background:var(--primary-color);color:#fff}.plan{position:relative;overflow:hidden}.plan.popular{transform:scale(1.05)}.plan.popular:before{content:"POPULAIRE";position:absolute;top:0;right:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transform:translateX(30%) translateY(-50%) rotate(45deg);transform-origin:center}.plan-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.plan-features li{color:var(--text-tertiary);position:relative;padding:.5rem 0 .5rem 1.5rem}.tarif-features li:before{content:"✓";color:var(--success);font-weight:700;margin-right:.5rem}@media (max-width:768px){.summary-type-buttons{flex-direction:column;align-items:center}.summary-type-buttons button{width:200px}.result-actions{flex-direction:column}.result-actions button{width:100%}.result-meta{justify-content:center}.plan.popular{transform:none}}.header{background-color:transparent;transition:background-color .3s ease,backdrop-filter .3s ease}.header.scrolled{background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.3)}.profile-link{color:var(--primary-color);text-decoration:none;font-weight:500;margin-right:1rem;padding:.6rem 1.2rem;border-radius:6px;transition:background-color .2s}.profile-link:hover{background-color:rgba(79,70,229,.1);text-decoration:none}.dropdown-options{display:flex;justify-content:center;gap:3rem;margin:1rem 0;flex-wrap:wrap}.dropdown-group{display:flex;align-items:center;gap:1rem}.dropdown-group label{font-weight:600;color:var(--text-secondary);font-size:1rem;white-space:nowrap}.dropdown-group select{padding:.5rem;border:1px solid var(--text-light);border-radius:.5rem;background-color:#fff;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;min-width:168px;transition:border-color .2s,box-shadow .2s}.dropdown-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.dropdown-group select:disabled{background-color:var(--bg-secondary);opacity:.6;cursor:not-allowed}.dropdown-group select option:disabled{color:var(--text-light);font-style:italic}@media (max-width:768px){.dropdown-options{flex-direction:column;gap:1.5rem;align-items:center}.dropdown-group{flex-direction:column;gap:.5rem;text-align:center}.dropdown-group select{width:200px}}.option-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.option-btn{position:relative;padding:.75rem 1.5rem;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;min-width:100px}.option-btn:hover:not(:disabled):not(.disabled){border-color:var(--primary-color);background-color:#f8fafc}.option-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.option-btn.disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-light)}.option-btn:disabled{opacity:.6;cursor:not-allowed}.pro-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(45deg,var(--warning),var(--warning-dark));color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:4px;line-height:1}.url-input-wrapper{width:100%;max-width:600px;margin:1rem auto}.url-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--text-light);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.url-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.url-input:disabled{background-color:var(--bg-secondary);opacity:.6}.plan.popular{border:2px solid var(--primary-color);transform:none}.plan.popular:before{display:none}@media (max-width:768px){.ai-options{padding:1.5rem}.option-buttons{flex-direction:column;align-items:center}.option-btn{width:200px;max-width:100%}.header .auth-buttons{flex-direction:column;gap:.5rem}.header .auth-buttons a,.header .auth-buttons button{font-size:.9rem;padding:.5rem 1rem}.profile-link{margin-right:0;margin-bottom:.5rem}}.summarize .options button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--text-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:var(--bg-tertiary)}.modal-body{padding:1rem;line-height:1.7;color:var(--text-secondary)}.modal-body p{margin-bottom:1rem}.modal-actions{padding:1rem 2rem 2rem;text-align:center}.modal-actions button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-weight:500}.modal-actions button:hover{background:var(--primary-dark)}.delete-btn{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#ef4444;color:#fff}.user-account{display:flex;align-items:center;gap:1rem}.delete-account-inline{background:transparent;border:1px solid var(--error);color:var(--error);padding:.4rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.delete-account-inline:hover{background:var(--error);color:#fff}.tarifs-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%)}.tarifs-hero{text-align:center;padding:8rem 2rem 2rem}.tarifs-hero h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.tarifs-hero p{font-size:1.2rem;color:var(--text-muted)}.tarifs-container{max-width:1200px;margin:3rem auto 6rem;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.tarif-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;position:relative}.tarif-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.tarif-card.featured{border:3px solid var(--primary-color);transform:scale(1.05)}.tarif-card.featured:hover{transform:scale(1.08) translateY(-8px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:700}.tarif-header{text-align:center;margin-bottom:2rem}.tarif-header h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:1rem}.tarif-price{margin:1.5rem 0}.tarif-price .price{font-size:3rem;font-weight:700;color:var(--primary-color)}.tarif-price .period{font-size:1.2rem;color:var(--text-muted)}.tarif-description{color:var(--text-muted);font-size:1rem}.tarif-features{list-style:none;padding:0;margin:2rem 0}.tarif-features li{padding:.75rem 0;color:var(--text-secondary);font-size:1rem;border-bottom:1px solid var(--bg-tertiary)}.tarif-features li:last-child{border-bottom:none}.tarif-button{width:100%;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.tarif-button.primary{background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff}.tarif-button.primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px)}.tarif-button.secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.tarif-button.secondary:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.tarifs-container{grid-template-columns:1fr}.tarif-card.featured{transform:none}.tarif-card.featured:hover{transform:translateY(-8px)}}.manage-subscription{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.4rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;margin-left:1rem}.manage-subscription:hover{background:var(--primary-color);color:#fff}.legal-page{min-height:100vh;background:var(--bg-secondary);padding:2rem 0}.legal-container{max-width:900px;margin:0 auto;padding:8rem 2rem 6rem}.legal-container h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:2rem;border-bottom:3px solid var(--primary-color);padding-bottom:1rem}.legal-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:var(--shadow-md);line-height:1.8}.legal-content h2{color:var(--primary-color);font-size:1.8rem;margin-top:2rem;margin-bottom:1rem}.legal-content h3{color:var(--text-secondary);font-size:1.3rem;margin-top:1.5rem;margin-bottom:.75rem}.legal-content p{color:var(--text-tertiary);margin-bottom:1rem}.legal-content ul{margin:1rem 0 1rem 2rem;color:var(--text-tertiary)}.legal-content ul li{margin-bottom:.5rem}.legal-content strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.legal-content{padding:2rem 1.5rem}}.upgrade-btn-inline{margin-top:1rem;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600}.upgrade-btn-inline:hover{background:var(--primary-dark)}.contact-page{min-height:100vh;background:linear-gradient(180deg,var(--gradient-start) 0,var(--bg-primary) 100%);padding:2rem 0}.contact-container{max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.contact-header p{font-size:1.2rem;color:var(--text-muted)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:3rem;gap:3rem;align-items:start}.contact-info{background:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.contact-info h2{color:var(--primary-color);margin-bottom:2rem}.info-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.info-item p{color:var(--text-secondary);margin-bottom:.25rem}.info-item small{color:var(--text-muted);font-size:.85rem}.info-item a{color:var(--primary-color);text-decoration:none}.info-item a:hover{text-decoration:underline}.contact-form-wrapper{background:var(--bg-primary);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow-md)}.contact-form-wrapper h2{color:var(--text-primary);margin-bottom:1.5rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.contact-form textarea{resize:vertical;min-height:120px}.submit-button{width:100%;background:var(--primary-color);color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background:var(--primary-dark)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:968px){.contact-content{grid-template-columns:1fr}}.features-enhanced{max-width:1200px;margin:3rem auto;padding:2rem}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.features-header p{font-size:1.2rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.feature-card-large:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon,.use-case-icon{margin-bottom:1rem}.feature-card h3,.feature-card-large h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.feature-card p,.feature-card-large p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-list{list-style:none;padding:0}.feature-list li{color:var(--text-tertiary);padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.use-cases{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);padding:2rem;margin-top:5rem}.use-cases-header{text-align:center;max-width:800px;margin:0 auto 4rem}.use-cases-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.use-cases-header p{font-size:1.2rem;color:var(--text-muted)}.use-cases-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.use-case-card{padding:2rem;border-radius:16px;text-align:center;margin:.5rem}.use-case-card h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.use-case-card p{color:var(--text-secondary);line-height:1.7}@media (max-width:968px){.features-grid{grid-template-columns:1fr}.feature-card-large{grid-column:span 1}.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.use-cases-grid{grid-template-columns:1fr}}.cookie-consent-container{position:fixed!important;bottom:20px!important;left:20px!important;right:auto!important;width:auto!important;max-width:400px!important;margin:10px!important}.cookie-consent-content,.cookie-consent-content>div{display:flex!important;flex-direction:column!important;gap:12px!important}.cookie-consent-container div:last-child{display:flex!important;gap:12px!important}@media (max-width:768px){.cookie-consent-container{left:10px!important;right:10px!important;max-width:calc(100% - 20px)!important}}.faq-section{padding:80px 20px;background:linear-gradient(135deg,#f8f9ff,#fff)}.faq-container{max-width:1200px;margin:0 auto}.faq-container h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--text-primary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-bottom:40px}.faq-item{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.faq-item h3{font-size:1.2rem;margin-bottom:12px;color:var(--primary-color)}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.faq-cta{text-align:center;margin-top:50px}.faq-cta p{font-size:1.1rem;margin-bottom:15px;color:var(--text-secondary)}.faq-link{display:inline-block;color:var(--primary-color);font-weight:600;text-decoration:none;padding:12px 30px;border:2px solid var(--primary-color);border-radius:8px;transition:all .3s}.faq-link:hover{background:var(--primary-color);color:#fff}.tarifs-faq-section{background:linear-gradient(135deg,#f8f9ff,#fff)}.tarifs-faq{max-width:1000px;margin:0 auto;padding:80px 20px}.tarifs-faq h2{text-align:center;font-size:2rem;color:var(--text-primary);margin-bottom:3rem}.tarifs-faq .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.tarifs-faq .faq-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tarifs-faq .faq-item h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:1rem}.tarifs-faq .faq-item p{color:var(--text-muted);line-height:1.6}.faq-page{min-height:100vh;padding-bottom:80px}.faq-hero{color:#fff;text-align:center;padding:8rem 2rem 4rem}.faq-hero h1{font-size:3rem;margin-bottom:15px}.faq-hero p{font-size:1.2rem;opacity:.9}.faq-content{max-width:900px;margin:auto;padding:0 20px}.faq-category{margin-bottom:50px}.faq-category h2{font-size:1.8rem;color:var(--primary-color);margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid var(--primary-color)}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s}.faq-accordion:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.faq-accordion.open{border-color:var(--primary-color)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:none;border:none;cursor:pointer;text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.faq-question:hover{background:#f9fafb}.faq-icon{font-size:1.5rem;color:var(--primary-color);font-weight:300;min-width:30px;text-align:center}.faq-answer{padding:0 25px 20px;color:var(--text-secondary);line-height:1.7;animation:slideDown .3s ease-out}.faq-answer p{margin-bottom:10px}.faq-answer p:last-child{margin-bottom:0}.faq-contact{text-align:center;padding:60px 20px;background:var(--bg-primary);border-radius:16px;max-width:900px;margin:0 auto}.faq-contact h2{font-size:2rem;margin-bottom:15px;color:var(--text-primary)}.faq-contact p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:25px}.contact-button{display:inline-block;padding:15px 40px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s}.contact-button:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(79,127,255,.3)}@media (max-width:768px){.faq-container h2,.faq-hero h1{font-size:2rem}.faq-grid,.tarifs-faq .faq-grid{grid-template-columns:1fr}.faq-question{font-size:1rem;padding:15px 20px}.faq-category h2{font-size:1.5rem}.tarifs-faq h2{font-size:1.8rem}}.seo-content{background:var(--bg-primary);padding:60px 20px 100px}.seo-container{max-width:1200px;margin:0 auto}.seo-intro{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.seo-intro h2{font-size:2rem;margin-bottom:20px;color:var(--text-primary);line-height:1.2}.seo-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-tertiary)}.seo-two-columns{display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin-top:40px}.seo-column{background:var(--bg-primary);max-width:500px;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.seo-column h3{font-size:1.3rem;margin-bottom:30px;color:var(--primary-color);border-bottom:3px solid var(--primary-darker);padding-bottom:1rem}.seo-column ol{list-style:none;counter-reset:step-counter;padding:0}.seo-column ol li{counter-increment:step-counter;margin-bottom:25px;position:relative;padding-left:50px}.seo-column ol li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:30px;height:30px;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.seo-column ol li strong{display:block;color:var(--text-primary);margin-bottom:8px;font-weight:600}.seo-column ol li p{color:var(--text-secondary);line-height:1.6;margin:0}.seo-column ul{list-style:none;padding:0}.seo-column ul li{margin-bottom:30px;padding-left:35px;position:relative;line-height:1.7;color:var(--text-secondary)}.seo-column ul li:before{content:"✓";position:absolute;left:0;top:6px;width:18px;height:18px;background:var(--success);color:var(--bg-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.seo-column ul li strong{color:var(--text-primary);font-weight:600}.seo-content strong{color:var(--text-secondary);font-weight:600}@media (max-width:768px){.seo-content{padding:40px 20px}.seo-intro h2{font-size:2rem}.seo-intro p{font-size:1.1rem}.seo-two-columns{grid-template-columns:1fr;gap:40px}.seo-column{padding:30px 25px}.seo-column h3{font-size:1.3rem;margin-bottom:2rem}.seo-column ol li{padding-left:50px;margin-bottom:20px}.seo-column ol li:before{width:30px;height:30px;font-size:16px}.seo-column ol li strong{font-size:17px}.seo-column ol li p{font-size:15px}.seo-column ul li{font-size:17px;margin-bottom:1rem}.seo-column ul li:before{width:20px;height:20px;font-size:12px}}@media (min-width:769px) and (max-width:1024px){.seo-two-columns{gap:40px}.seo-column{padding:35px}}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:.25rem;font-size:1.2rem;line-height:1;color:var(--text-muted);transition:color .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.password-toggle:hover:not(:disabled){color:var(--primary-color);background-color:transparent}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.forgot-password-link{text-align:right;margin-top:.5rem}.forgot-password-link a{color:var(--primary-color);font-size:.9rem;text-decoration:none;font-weight:500}.forgot-password-link a:hover{text-decoration:underline}@media (max-width:768px){.password-toggle{right:.5rem;font-size:1.1rem}.forgot-password-link{text-align:center}}.hero-decorations{overflow:hidden;pointer-events:none}.hero-decorations,.hero-grid-dots{position:absolute;top:0;left:0;width:100%;height:100%}.hero-grid-dots{opacity:.4}.hero-rings-right{position:absolute;top:-100px;right:-150px;width:600px;height:600px;opacity:.5}@media (max-width:768px){.hero-rings-right{width:400px;height:400px;right:-100px}.hero-grid-dots{opacity:.4;transform:scaleY(1.8);transform-origin:center}}.theme-toggle-switch{background:none;border:none;cursor:pointer;padding:0;z-index:1001;display:flex;align-items:center}.toggle-track{position:relative;width:60px;height:28px;background-color:#e2e8f0;border-radius:30px;transition:background-color .3s ease;display:flex;align-items:center}.toggle-track.active{background-color:#1e293b}.toggle-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.moon-icon,.sun-icon{width:14px;height:14px;opacity:.4;transition:opacity .3s ease}.sun-icon{color:#f59e0b}.moon-icon{color:#64748b}.toggle-track.active .sun-icon{opacity:.3}.toggle-track.active .moon-icon{opacity:.5}.toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(79,70,229,.4);z-index:2}.thumb-icon{width:14px;height:14px;color:#fff}.toggle-track.active .toggle-thumb{transform:translateX(32px)}.theme-toggle-switch:hover{background-color:transparent}@media (max-width:768px){.header .desktop-auth{display:none}.mobile-theme-toggle{display:block;position:absolute;right:80px;top:50%;transform:translateY(-50%);z-index:1001}.mobile-theme-toggle .theme-toggle-switch{position:static!important;transform:none!important;margin:0!important}.toggle-track{width:56px;height:26px}.toggle-thumb{width:22px;height:22px}.thumb-icon{width:13px;height:13px}.moon-icon,.sun-icon{width:12px;height:12px}.toggle-icons{padding:0 7px}.toggle-track.active .toggle-thumb{transform:translateX(30px)}.theme-toggle-switch:hover .toggle-track.active .toggle-thumb{transform:translateX(30px) scale(1.05)}}@media (min-width:769px){.desktop-auth{display:flex;align-items:center;gap:1rem}.theme-toggle-switch{position:relative}.mobile-theme-toggle{display:none}}.card,.header,a,body,button,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.demo-interactive{background:linear-gradient(135deg,var(--gradient-start) 0,var(--bg-primary) 100%);padding:80px 20px;position:relative}.demo-container{max-width:1200px;margin:0 auto}.demo-header{text-align:center;margin-bottom:50px}.demo-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:15px;font-weight:700}.demo-header p{font-size:1.1rem;color:var(--text-muted);max-width:700px;margin:0 auto}.demo-content-card{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-light)}.demo-grid{display:grid;grid-template-columns:40% 60%;min-height:500px}.demo-article-info{padding:40px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;gap:20px}.demo-article-info h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:10px;font-weight:600}.demo-article-image{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.demo-article-image img{-o-object-fit:cover;object-fit:cover;display:block}.demo-article-title{font-size:1.1rem;color:var(--text-primary);line-height:1.4;font-weight:600;margin:10px 0}.demo-article-meta{display:flex;flex-direction:column;gap:10px;font-size:.95rem;color:var(--text-muted)}.demo-article-meta div{display:flex;align-items:center;gap:8px}.demo-article-meta span:first-child{font-weight:600;color:var(--text-secondary)}.demo-article-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.95rem;margin-top:10px;transition:color .2s}.demo-article-link:hover{color:var(--primary-dark);text-decoration:none}.demo-summary-column{display:flex;flex-direction:column;height:100%}.demo-tabs-nav{justify-content:center;padding:20px 30px;background:var(--bg-secondary);border-bottom:2px solid var(--border-light)}.demo-tabs,.demo-tabs-nav{display:flex;align-items:center}.demo-tabs{gap:15px}.demo-tab-btn{padding:10px 20px;background:var(--bg-primary);color:var(--text-secondary);border:2px solid var(--border-medium);border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s;min-width:100px;font-family:inherit}.demo-tab-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.demo-tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.demo-summary-content{padding:30px;overflow-y:auto;flex:1 1;max-height:450px;line-height:1.7}.demo-summary-text{color:var(--text-secondary);font-size:1rem;white-space:pre-line}.demo-summary-text h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:10px}.demo-summary-text h4:first-child{margin-top:0}.demo-summary-bullet{padding-left:20px;margin-bottom:6px;position:relative;color:var(--text-secondary)}.demo-summary-bullet:before{content:"•";position:absolute;left:0;color:var(--success);font-weight:700}.demo-summary-text p{margin-bottom:15px;color:var(--text-tertiary)}.demo-summary-content::-webkit-scrollbar{width:8px}.demo-summary-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.demo-summary-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.demo-summary-content::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@media (max-width:968px){.demo-article-image img{height:auto!important;max-width:100%}.demo-grid{grid-template-columns:1fr;overflow:hidden}.demo-article-info{border-right:none;border-bottom:1px solid var(--border-light);padding:30px 20px;overflow:hidden}.demo-article-image{width:100%;max-width:100%;overflow:hidden}.demo-tabs-nav{flex-direction:column;gap:15px;padding:20px;overflow:hidden}.demo-tabs{width:100%;justify-content:center;overflow-x:auto}.demo-tab-btn{flex:1 1;min-width:auto;white-space:nowrap}.demo-summary-content{padding:20px;max-height:400px;overflow-x:hidden;overflow-y:auto}}@media (max-width:640px){.demo-article-image img{height:auto!important;max-width:100%}.demo-header h2{font-size:1.75rem}.demo-header p{font-size:1rem}.demo-article-info{padding:20px 15px}.demo-summary-content{padding:20px;max-height:400px}.demo-tabs{flex-direction:column;gap:10px;width:100%}.demo-tab-btn{width:100%;max-width:100%}.demo-article-title{font-size:1.1rem;word-wrap:break-word}}.billing-toggle{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:2rem auto;background:var(--bg-tertiary);padding:.375rem;border-radius:50px;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow-sm)}.billing-toggle button{padding:.75rem 2rem;border:none;border-radius:50px;background:transparent;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;position:relative;color:var(--text-secondary);white-space:nowrap}.billing-toggle button:hover{color:var(--primary-color);background:transparent}.billing-toggle button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--primary-color)}.billing-toggle .save-badge{background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:.5rem;box-shadow:0 2px 6px rgba(16,185,129,.3)}.billing-info{color:var(--text-muted);margin-top:.5rem}.billing-info,.savings-note{font-size:.875rem;text-align:center}.savings-note{color:var(--success);font-weight:600;margin-top:1rem}.upgrade-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.upgrade-button.annual{color:var(--bg-primary);background:var(--success);position:relative}.upgrade-button.annual:hover{background:#059669;transform:translateY(-2px)}.upgrade-button .save{font-size:.75rem;opacity:.95;margin-left:.25rem}@media (max-width:768px){.billing-toggle{width:90%;max-width:350px}.billing-toggle button{padding:.625rem 1.5rem;font-size:.9rem}.billing-toggle .save-badge{font-size:.7rem;padding:.2rem .5rem}.upgrade-buttons{flex-direction:column;align-items:stretch}.upgrade-button{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--card-bg:#1e293b;--shadow:rgba(0,0,0,.5);--overlay:rgba(0,0,0,.7)}[data-theme=dark] body{background-color:#0f172a;color:#f1f5f9}[data-theme=dark] .header,[data-theme=dark] header{background-color:#0f172a;border-bottom:1px solid #334155}[data-theme=dark] .logo{color:#f1f5f9}[data-theme=dark] .desktop-nav ul li a,[data-theme=dark] header nav ul li a{color:#cbd5e1}[data-theme=dark] .desktop-nav ul li a:hover,[data-theme=dark] header nav ul li a:hover{color:#818cf8}[data-theme=dark] .hamburger span{background-color:#f1f5f9}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .hero h1{color:#f1f5f9}[data-theme=dark] .hero p{color:#cbd5e1}[data-theme=dark] .hero button{background-color:#4f46e5;color:#fff}[data-theme=dark] .hero button:hover{background-color:#4338ca}[data-theme=dark] .hero-grid-dots circle,[data-theme=dark] .hero-rings-right ellipse{opacity:.3}[data-theme=dark] .contact-page,[data-theme=dark] .faq-page,[data-theme=dark] .faq-section,[data-theme=dark] .features-enhanced,[data-theme=dark] .profile-page,[data-theme=dark] .seo-content,[data-theme=dark] .summarize,[data-theme=dark] .tarifs-page,[data-theme=dark] .use-cases{background:#0f172a}[data-theme=dark] .faq-section{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#f1f5f9}[data-theme=dark] p{color:#cbd5e1}[data-theme=dark] .contact-form-wrapper,[data-theme=dark] .contact-info,[data-theme=dark] .faq-accordion,[data-theme=dark] .faq-item,[data-theme=dark] .feature-card,[data-theme=dark] .result-section,[data-theme=dark] .seo-column,[data-theme=dark] .summary-card,[data-theme=dark] .tarif-card,[data-theme=dark] .usage-card,[data-theme=dark] .use-case-card{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 12px rgba(0,0,0,.5)}[data-theme=dark] .tarif-card.featured{background-color:#1e293b;border:2px solid #818cf8}[data-theme=dark] .featured-badge{background-color:#4f46e5;color:#fff}[data-theme=dark] .dropdown-group select,[data-theme=dark] .url-input,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#1e293b;color:#f1f5f9;border:1px solid #334155}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:#64748b}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#818cf8;outline:none;background-color:#0f172a}[data-theme=dark] .dropdown-group label,[data-theme=dark] label{color:#cbd5e1}[data-theme=dark] .upload-box{background-color:#1e293b;border:2px dashed #334155;color:#cbd5e1}[data-theme=dark] .upload-box:hover{border-color:#818cf8;background-color:#0f172a}[data-theme=dark] .char-counter{color:#94a3b8}[data-theme=dark] .char-warning{color:#f59e0b}[data-theme=dark] .signup,[data-theme=dark] .submit-btn,[data-theme=dark] .submit-button,[data-theme=dark] .tarif-button.primary,[data-theme=dark] .upgrade-button,[data-theme=dark] button.primary{background-color:#4f46e5;color:#fff}[data-theme=dark] .signup:hover,[data-theme=dark] .submit-btn:hover,[data-theme=dark] .submit-button:hover,[data-theme=dark] .tarif-button.primary:hover,[data-theme=dark] .upgrade-button:hover{background-color:#4338ca}[data-theme=dark] .contact-button,[data-theme=dark] .login,[data-theme=dark] .profile-btn,[data-theme=dark] .profile-link,[data-theme=dark] .tarif-button.secondary,[data-theme=dark] button.secondary{background-color:transparent;border:1px solid #818cf8;color:#818cf8}[data-theme=dark] .contact-button:hover,[data-theme=dark] .login:hover,[data-theme=dark] .profile-btn:hover,[data-theme=dark] .profile-link:hover,[data-theme=dark] .tarif-button.secondary:hover{background-color:rgba(129,140,248,.1);border-color:#a5b4fc}[data-theme=dark] .logout-btn{background-color:transparent;border:1px solid #ef4444;color:#ef4444}[data-theme=dark] .logout-btn:hover{background-color:rgba(239,68,68,.1)}[data-theme=dark] .options button{background-color:#1e293b;color:#cbd5e1;border:1px solid #334155}[data-theme=dark] .options button.active,[data-theme=dark] .options button:hover{background-color:#4f46e5;color:#fff;border-color:#4f46e5}[data-theme=dark] .upgrade-btn-inline{background-color:#4f46e5;color:#fff;border:none}[data-theme=dark] .upgrade-btn-inline:hover{background-color:#4338ca}[data-theme=dark] .delete-account-inline,[data-theme=dark] .delete-btn{background-color:transparent;border:1px solid #ef4444;color:#ef4444}[data-theme=dark] .delete-account-inline:hover,[data-theme=dark] .delete-btn:hover{background-color:rgba(239,68,68,.1)}[data-theme=dark] .modal-actions button,[data-theme=dark] .result-actions button{background-color:#1e293b;color:#cbd5e1;border:1px solid #334155}[data-theme=dark] .modal-actions button:hover,[data-theme=dark] .result-actions button:hover{background-color:#334155;border-color:#818cf8}[data-theme=dark] .manage-subscription{background-color:transparent;border:1px solid #818cf8;color:#818cf8}[data-theme=dark] .manage-subscription:hover{background-color:rgba(129,140,248,.1)}[data-theme=dark] .faq-question{color:#f1f5f9;background-color:transparent}[data-theme=dark] .faq-question:hover{background-color:#0f172a}[data-theme=dark] .faq-contact{background:#1e293b}[data-theme=dark] .faq-accordion.open{border-color:#818cf8;background-color:#1e293b}[data-theme=dark] .faq-answer{color:#cbd5e1}[data-theme=dark] .faq-icon{color:#818cf8}[data-theme=dark] .faq-cta{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .faq-link{color:#818cf8}[data-theme=dark] .faq-link:hover{color:#a5b4fc}[data-theme=dark] .mobile-menu{background-color:#0f172a;border-left:1px solid #334155}[data-theme=dark] .mobile-nav ul li a{color:#cbd5e1}[data-theme=dark] .mobile-nav ul li a:hover{color:#818cf8}[data-theme=dark] .mobile-auth{border-top:1px solid #334155}[data-theme=dark] .profile-header{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .user-info{color:#cbd5e1}[data-theme=dark] .user-info .label{color:#94a3b8}[data-theme=dark] .user-info .value{color:#f1f5f9}[data-theme=dark] .plan-badge{background-color:#334155;color:#cbd5e1}[data-theme=dark] .plan-badge.pro{background-color:#4f46e5;color:#fff}[data-theme=dark] .summaries-section,[data-theme=dark] .usage-section,[data-theme=dark] .usage-stats{background-color:transparent}[data-theme=dark] .usage-number{color:#f1f5f9}[data-theme=dark] .usage-reset,[data-theme=dark] .usage-total{color:#94a3b8}[data-theme=dark] .upgrade-prompt{background-color:#1e293b;border:1px solid #818cf8}[data-theme=dark] .no-summaries{color:#94a3b8}[data-theme=dark] .create-summary-link{color:#818cf8}[data-theme=dark] .create-summary-link:hover{color:#a5b4fc}[data-theme=dark] .result-meta span,[data-theme=dark] .summary-meta span{background-color:#334155;color:#cbd5e1}[data-theme=dark] .summary-date,[data-theme=dark] .summary-model{color:#94a3b8}[data-theme=dark] .result-header h3{color:#f1f5f9}[data-theme=dark] .result-type{background-color:#1e3a8a;color:#93c5fd}[data-theme=dark] .result-summary-type{background-color:#065f46;color:#6ee7b7}[data-theme=dark] .result-model{background-color:#78350f;color:#fde68a}[data-theme=dark] .summary-text{color:#cbd5e1}[data-theme=dark] .processing-indicator{background:#1e293b}[data-theme=dark] .spinner{border-color:#818cf8 #334155 #334155}[data-theme=dark] .loading-spinner{color:#cbd5e1}[data-theme=dark] .error-message{background-color:#7f1d1d;color:#fecaca;border:1px solid #991b1b}[data-theme=dark] .success-message{background-color:#065f46;color:#a7f3d0;border:1px solid #059669}[data-theme=dark] .warning-message{background-color:#78350f;color:#fde68a;border:1px solid #92400e}[data-theme=dark] .contact-page{background-color:#0f172a}[data-theme=dark] .contact-container{color:#cbd5e1}[data-theme=dark] .contact-header h1,[data-theme=dark] .info-item h3{color:#f1f5f9}[data-theme=dark] .info-item p,[data-theme=dark] .info-item small{color:#94a3b8}[data-theme=dark] .info-item a{color:#818cf8}[data-theme=dark] .info-item a:hover{color:#a5b4fc}[data-theme=dark] .tarifs-hero{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .tarif-card h2,[data-theme=dark] .tarif-card h3,[data-theme=dark] .tarif-price .price{color:#f1f5f9}[data-theme=dark] .tarif-price .period{color:#94a3b8}[data-theme=dark] .tarif-description,[data-theme=dark] .tarif-features li{color:#cbd5e1}[data-theme=dark] .tarifs-faq-section{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .seo-content{background-color:#0f172a}[data-theme=dark] .seo-intro,[data-theme=dark] .seo-two-columns{color:#cbd5e1}[data-theme=dark] .seo-column h3{color:#f1f5f9}[data-theme=dark] .seo-column ol li,[data-theme=dark] .seo-column ul li{color:#cbd5e1}[data-theme=dark] .seo-column strong{color:#f1f5f9}[data-theme=dark] .modal-overlay{background-color:rgba(0,0,0,.8)}[data-theme=dark] .modal-content{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .modal-header{border-bottom:1px solid #334155}[data-theme=dark] .modal-header h3{color:#f1f5f9}[data-theme=dark] .modal-close{color:#cbd5e1;background-color:transparent;border:1px solid #334155}[data-theme=dark] .modal-close:hover{background-color:#334155;color:#f1f5f9}[data-theme=dark] .modal-body{color:#cbd5e1}[data-theme=dark] footer{background-color:#0f172a;border-top:1px solid #334155;color:#cbd5e1}[data-theme=dark] footer h3{color:#f1f5f9}[data-theme=dark] footer a{color:#cbd5e1}[data-theme=dark] footer a:hover{color:#818cf8}[data-theme=dark] footer .footer-bottom{border-top:1px solid #334155}[data-theme=dark] .legal-layout{background-color:#0f172a;color:#cbd5e1}[data-theme=dark] .legal-content{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .legal-content h1,[data-theme=dark] .legal-content h2,[data-theme=dark] .legal-content h3{color:#f1f5f9}[data-theme=dark] .legal-content li,[data-theme=dark] .legal-content p{color:#cbd5e1}[data-theme=dark] .legal-content a{color:#818cf8}[data-theme=dark] .legal-content a:hover{color:#a5b4fc}[data-theme=dark] .legal-content strong{color:#f1f5f9}[data-theme=dark] .legal-content em{color:#94a3b8}[data-theme=dark] table{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] th{background-color:#334155;color:#f1f5f9;border:1px solid #475569}[data-theme=dark] td{border:1px solid #334155;color:#cbd5e1}[data-theme=dark] tr:hover{background-color:#334155}[data-theme=dark] ol li,[data-theme=dark] ul li{color:#cbd5e1}[data-theme=dark] ol li::marker,[data-theme=dark] ul li::marker{color:#818cf8}[data-theme=dark] a{color:#818cf8}[data-theme=dark] a:hover{color:#a5b4fc}[data-theme=dark] ::-webkit-scrollbar{width:12px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:6px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}[data-theme=dark] .dropdown-group,[data-theme=dark] .dropdown-options{background-color:transparent}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#0f172a,#1e293b)!important}[data-theme=dark] .auth-container{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .auth-form input{background-color:#0f172a;color:#f1f5f9;border:1px solid #334155}[data-theme=dark] .auth-form input:focus{border-color:#818cf8;background-color:#1e293b}[data-theme=dark] .google-button{background-color:#1e293b;color:#f1f5f9;border:1px solid #334155}[data-theme=dark] .google-button:hover{background-color:#334155;border-color:#818cf8}[data-theme=dark] .badge,[data-theme=dark] .tag{background-color:#334155;color:#cbd5e1}[data-theme=dark] .badge.primary{background-color:#4f46e5;color:#fff}[data-theme=dark] .badge.success{background-color:#065f46;color:#6ee7b7}[data-theme=dark] .badge.warning{background-color:#78350f;color:#fde68a}[data-theme=dark] .badge.error{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] button:disabled,[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{opacity:.5;cursor:not-allowed;background-color:#1e293b;color:#64748b}[data-theme=dark] .feature-card:hover,[data-theme=dark] .summary-card:hover{border-color:#818cf8;box-shadow:0 6px 16px rgba(129,140,248,.2)}[data-theme=dark] .hero-decorations svg{opacity:.8}[data-theme=dark] .faq-grid,[data-theme=dark] .features-grid,[data-theme=dark] .use-cases-grid{background-color:transparent}[data-theme=dark] .feature-icon img,[data-theme=dark] .use-case-icon img{filter:brightness(.9)}[data-theme=dark] code,[data-theme=dark] pre{background-color:#0f172a;color:#f1f5f9;border:1px solid #334155}[data-theme=dark] blockquote{background-color:#1e293b;border-left:4px solid #818cf8;color:#cbd5e1}[data-theme=dark] hr{border-color:#334155}[data-theme=dark] :focus-visible{outline:2px solid #818cf8;outline-offset:2px}[data-theme=dark] .demo-interactive{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%)}[data-theme=dark] .demo-tab-btn:hover{background:var(--bg-tertiary)}[data-theme=dark] .upgrade-button.annual{color:#fff;background:var(--success);position:relative}[data-theme=dark] .upgrade-button.annual:hover{background:#059669}[data-theme=dark] .billing-toggle{background:var(--bg-tertiary)}[data-theme=dark] .billing-toggle button{color:var(--text-secondary)}[data-theme=dark] .billing-toggle button:hover{color:var(--primary-color)}[data-theme=dark] .billing-toggle button.active{background:var(--bg-primary);color:var(--primary-color);box-shadow:0 2px 12px rgba(79,70,229,.3)}[data-theme=dark] .billing-info{color:var(--text-muted)}[data-theme=dark] .savings-note{color:var(--success)}[data-theme=dark]{--skeleton-bg:#334155}.blog-hero{background:linear-gradient(135deg,#eef2ff,#f9fafb);padding:8rem 2rem 4rem;text-align:center}.blog-hero-content{max-width:900px;margin:0 auto}.blog-hero h1{font-size:3rem;color:var(--text-primary);margin-bottom:1rem}.blog-hero p{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem}.blog-search{max-width:600px;margin:0 auto;position:relative}.blog-search input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;border:2px solid var(--border-light);border-radius:50px;font-size:1rem;transition:border-color .3s}.blog-search input:focus{outline:none;border-color:var(--primary-color)}.blog-search button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;border:none;min-width:40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;flex-shrink:0;padding:0}.blog-search button svg{width:20px;height:20px;flex-shrink:0}.blog-search button:hover{background:var(--primary-dark)}.blog-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.category-pill{padding:.5rem 1.25rem;background:#fff;border:2px solid var(--border-light);border-radius:50px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.category-pill:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.category-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.blog-main-full{padding:3rem 0 4rem}.blog-main-full>h2{font-size:1.8rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.articles-grid-full{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.blog-container{max-width:1400px;margin:0 auto;padding:0 2rem}.similar-articles-container{max-width:1200px}.table-of-contents-inline{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;padding:0;margin:2rem 0 3rem;overflow:hidden;transition:all .3s}.table-of-contents-inline:hover{border-color:var(--primary-color)}.toc-toggle{display:flex;align-items:center;gap:1rem;width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .3s}.toc-toggle:hover{background-color:rgba(79,70,229,.05)}.toc-toggle h3{font-size:1.3rem;color:var(--text-primary);margin:0;font-weight:700}.toc-icon-lines{color:var(--primary-color);flex-shrink:0}.toc-nav{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toc-nav ol{list-style:none;padding:0;margin:0;counter-reset:main-counter}.toc-nav ol li{margin-bottom:.5rem;display:flex;align-items:flex-start}.toc-nav ol li.toc-sub{padding-left:2rem;counter-increment:sub-counter}.toc-nav ol li.toc-sub:before{content:counter(main-counter) "." counter(sub-counter) " ";color:var(--primary-color);font-weight:500;margin-right:.5rem;flex-shrink:0;min-width:2.5rem}.toc-nav ol li:not(.toc-sub){counter-increment:main-counter;counter-reset:sub-counter}.toc-nav ol li:not(.toc-sub):before{content:counter(main-counter) ". ";flex-shrink:0;min-width:1.5rem}.toc-nav ol li:before,.toc-nav ol li:not(.toc-sub):before{color:var(--primary-color);font-weight:600;margin-right:.5rem}.toc-nav ol li:before{content:counter(toc-counter) ". "}.toc-title{font-size:1.3rem;color:var(--text-primary);margin:0;font-weight:700}.toc-nav ol li a{display:block;color:var(--text-secondary);text-decoration:none;border-radius:6px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.4;flex:1 1}.toc-nav ol li a.active,.toc-nav ol li a:hover{color:var(--primary-color)}.toc-nav ol li a.active{font-weight:600}.featured-articles{padding:4rem 0 2rem;background:var(--bg-primary)}.featured-articles h2{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;color:var(--primary-color)}.featured-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;max-width:1000px;margin:auto}.blog-grid{display:grid;grid-template-columns:1fr 350px;grid-gap:3rem;gap:3rem;padding:4rem 0}.blog-main{min-width:0}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.article-card{background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.article-card:hover{box-shadow:var(--shadow-lg)}.article-card.featured{display:grid;grid-template-columns:1fr;position:relative;min-height:450px;grid-column:span 1;overflow:hidden}.article-image{position:relative;width:100%;height:250px;overflow:hidden}.article-card.featured .article-image{position:absolute;top:0;left:0;width:100%;height:100%;min-height:500px}.article-card.featured .article-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.1))}.article-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-image img{transform:scale(1.05)}.article-category{position:absolute;top:1rem;left:1rem;background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex:1 1}.article-card.featured .article-category{position:static;display:inline-block;margin-bottom:1.5rem;width:-moz-fit-content;width:fit-content;font-size:.75rem;padding:.4rem 1rem;letter-spacing:1px}.article-card.featured .article-content{position:relative;z-index:2;display:flex;top:80px;flex-direction:column;justify-content:center;max-width:600px;background:#fff;margin:9rem 0;border-radius:0;box-shadow:0 10px 40px rgba(0,0,0,.15)}.featured-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color)}.article-card.featured .featured-label,.featured-label{margin-bottom:1.5rem}.article-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.article-reading-time:before{content:"";display:inline-block;width:1px;height:12px;background:var(--border-medium);margin-right:1rem}.article-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;font-weight:700}.article-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1 1}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.article-tag{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .75rem;border-radius:12px;font-size:.8rem}.article-footer{padding-top:1rem;border-top:1px solid var(--border-light)}.read-more{color:var(--primary-color);font-weight:600;font-size:.95rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.pagination-btn{padding:.75rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{width:40px;height:40px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s}.pagination-number:hover{background:var(--bg-tertiary)}.pagination-number.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.blog-sidebar{position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.sidebar-widget{background:var(--bg-primary);padding:2rem;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:2rem}.sidebar-widget h4{font-size:1.2rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.sidebar-categories{list-style:none;padding:0}.sidebar-categories li{margin-bottom:.75rem}.sidebar-categories button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:color .3s;padding:0;text-align:left;width:100%}.sidebar-categories button:hover{color:var(--primary-color)}.sidebar-recent{list-style:none;padding:0}.sidebar-recent li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.sidebar-recent li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-recent-item h5{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;transition:color .3s}.sidebar-recent-item:hover h5{color:var(--primary-color)}.sidebar-recent-item time{font-size:.85rem;color:var(--text-muted)}.sidebar-newsletter{background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff}.sidebar-newsletter h4{color:#fff}.sidebar-newsletter p{color:hsla(0,0%,100%,.9);margin-bottom:1rem}.sidebar-newsletter-form{display:flex;flex-direction:column;gap:.75rem}.sidebar-newsletter-form input{padding:.75rem;border:none;border-radius:8px;font-size:1rem}.sidebar-newsletter-form button{padding:.75rem;background:#fff;color:var(--primary-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.sidebar-newsletter-form button:hover{background:var(--bg-secondary)}.article-layout{background:var(--bg-primary)}.article-header{background:linear-gradient(135deg,#eef2ff,#f9fafb);padding:8rem 2rem 4rem}.article-header-container{max-width:900px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:2rem}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--primary-color)}.article-h1{font-size:3rem;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2}.article-meta-header{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text-muted);margin-bottom:3rem}.article-hero-image{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.article-hero-image img{width:100%;height:auto;display:block}.article-container{max-width:1200px;margin:0 auto;padding:0 2rem}.article-card.featured .article-title{font-size:1.75rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.article-card.featured .article-meta{display:none}.article-card.featured .article-excerpt{font-size:1rem;line-height:1.6;color:var(--text-secondary);display:none}.article-card.featured .article-tags{display:none}.article-card.featured .article-footer{border:none;padding:0}.article-grid{max-width:100%;overflow:visible}.article-prose{line-height:1.8;color:var(--text-secondary)}.article-prose>*{max-width:100%}.article-prose h2{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem}.article-prose h2,.article-prose h3{color:var(--text-primary);scroll-margin-top:100px}.article-prose h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.article-prose p{margin-bottom:1.5rem}.article-prose ol,.article-prose ul{margin-bottom:1.5rem;padding-left:2rem}.article-prose li{margin-bottom:.75rem}.article-prose a{color:var(--primary-color);text-decoration:underline}.article-prose a:hover{color:var(--primary-dark)}.article-prose code{background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.article-prose pre{background:var(--bg-tertiary);padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.article-prose blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-muted)}.article-prose img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-tags-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.article-tags-section h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.table-of-contents{position:sticky;top:100px;background:var(--bg-primary);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md)}.table-of-contents h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem}.table-of-contents ul{list-style:none;padding:0}.table-of-contents li{margin-bottom:.75rem}.table-of-contents li.toc-sub{margin-left:1rem;font-size:.9rem}.table-of-contents a{color:var(--text-secondary);text-decoration:none;transition:color .3s;display:block}.table-of-contents a.active,.table-of-contents a:hover{color:var(--primary-color)}.share-buttons{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.share-buttons h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.share-buttons-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem}.share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;border:none}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.linkedin{background:#0a66c2;color:#fff}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.copy,.share-btn.email{background:var(--bg-tertiary);color:var(--text-primary)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.comment-section{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--border-light)}.comment-section h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:2rem}.comment-form-wrapper{margin-bottom:3rem}.comment-form{display:flex;flex-direction:column;gap:1rem}.comment-form textarea{width:100%;padding:1rem;border:1px solid var(--border-medium);border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;min-height:120px}.comment-form textarea:focus{outline:none;border-color:var(--primary-color)}.comment-form button{align-self:flex-start;padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.comment-form button:hover:not(:disabled){background:var(--primary-dark)}.comment-form button:disabled{opacity:.6;cursor:not-allowed}.comment-login-prompt{background:var(--bg-secondary);padding:2rem;border-radius:8px;text-align:center}.comment-login-prompt p{margin-bottom:1rem;color:var(--text-secondary)}.comment-login-prompt button{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comments-empty,.comments-loading{text-align:center;color:var(--text-muted);padding:2rem}.comment-item{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--border-light)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.comment-email{font-weight:600;color:var(--text-primary)}.comment-meta{display:flex;align-items:center;gap:1rem}.comment-meta time{font-size:.85rem;color:var(--text-muted)}.comment-delete{background:none;border:none;color:var(--error);font-size:.85rem;cursor:pointer;padding:0}.comment-delete:hover{text-decoration:underline}.comment-content{color:var(--text-secondary);line-height:1.6}.similar-articles{background:var(--bg-secondary);padding:4rem 0}.similar-articles-container{max-width:1400px;margin:0 auto;padding:0 2rem}.similar-articles h2{text-align:center;font-size:2rem;color:var(--text-primary);margin-bottom:3rem}.similar-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.sidebar-categories span{display:block;padding:.5rem 0;color:var(--text-secondary);transition:color .3s;cursor:pointer}.sidebar-categories span:hover{color:var(--primary-color)}.sidebar-categories span.active{color:var(--primary-color);font-weight:600}.sidebar-cta{background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;text-align:center}.sidebar-cta h4{color:#fff;margin-bottom:.75rem}.sidebar-cta p{color:hsla(0,0%,100%,.9);margin-bottom:1.5rem;font-size:.95rem}.sidebar-cta-btn{width:100%;background:#fff;color:var(--primary-color);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.sidebar-cta-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--bg-primary)}.article-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:3rem;gap:3rem;padding:4rem 0}.blog-image-container{margin:1rem auto;display:flex;justify-content:center;max-width:100%}.blog-image-container img{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:100%;height:auto}@media (max-width:1200px){.blog-grid{grid-template-columns:1fr 300px}.articles-grid,.articles-grid-full{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 280px;gap:2rem}}@media (max-width:968px){.blog-hero{padding:7rem 2rem 3rem}.blog-hero h1{font-size:2.5rem}.blog-categories{gap:.5rem}.category-pill{font-size:.85rem;padding:.4rem 1rem}.articles-grid,.articles-grid-full,.blog-grid,.featured-grid{grid-template-columns:1fr}.blog-sidebar{position:static}.article-h1{font-size:2.5rem}.article-grid{grid-template-columns:1fr;gap:2rem;padding:2rem 0}.article-sidebar{order:2}.article-main{order:1;max-width:100%;overflow:visible}.table-of-contents{position:static}.share-buttons-grid{grid-template-columns:repeat(3,1fr)}.article-card.featured,.similar-articles-grid{grid-template-columns:1fr}.article-card.featured{min-height:400px}.article-card.featured .article-content{margin:2rem;padding:2rem}.article-card.featured .article-image{min-height:400px}.article-card.featured .article-title{font-size:1.8rem}}@media (max-width:640px){.blog-hero h1{font-size:2rem}.blog-hero p{font-size:1rem}.blog-categories{flex-direction:column;align-items:center}.category-pill{width:100%;max-width:300px;text-align:center}.article-h1{font-size:2rem}.article-meta-header{flex-direction:row;align-items:flex-start;gap:.5rem}.article-card.featured{min-height:350px}.article-card.featured .article-content{margin:8rem 1rem 2rem 0;padding:1rem;top:0}.article-card.featured .article-title{font-size:1.5rem;margin-bottom:1rem}.article-card.featured .featured-label{margin-bottom:1rem}.share-buttons-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination-numbers{order:3;width:100%;justify-content:center;margin-top:1rem}.article-prose h2{font-size:1.5rem;margin-top:3rem}.article-prose h3{font-size:1.2rem}.article-prose img{margin:1rem 0}}.article-prose{max-width:100%;overflow-x:visible}.article-main{max-width:100%;overflow:visible;min-width:0}.comparison-table-wrapper{margin:2.5rem 0;width:100%;max-width:100%;position:relative}.comparison-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:700}.comparison-table-card{background:var(--bg-primary);border-radius:12px;overflow:hidden;border:1px solid var(--border-light);max-width:100%;position:relative}.table-scroll-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;max-height:450px;-webkit-overflow-scrolling:touch;position:relative}.comparison-table{width:100%;border-collapse:collapse;min-width:700px;background:transparent;display:table}.comparison-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comparison-table thead th{padding:16px 20px;text-align:left;font-weight:600;font-size:.95rem;letter-spacing:.3px;border-right:1px solid hsla(0,0%,100%,.1);white-space:nowrap}.comparison-table thead th:last-child{border-right:none}.comparison-table thead th:first-child{border-radius:8px 0 0 0}.comparison-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.comparison-table tbody tr:hover{background-color:var(--bg-secondary)}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{padding:14px 20px;font-size:.9rem;border-right:1px solid var(--border-light);white-space:nowrap}.comparison-table td:last-child{border-right:none}.criteria-cell{font-weight:600;color:var(--text-primary)}.stars{font-size:1.1rem;letter-spacing:2px;display:inline-block}.scroll-hint{display:none;text-align:center;font-size:.85rem;color:var(--text-muted);padding:15px 30px;background:var(--bg-secondary);border-top:1px solid var(--border-light);font-style:italic;margin:0!important}.comparison-verdict{background:var(--bg-secondary);border-left:4px solid #667eea;padding:20px;border-radius:6px;margin-top:2.5rem}.comparison-verdict h3{font-size:1.2rem;margin-bottom:12px;color:var(--text-primary);font-weight:700;margin-top:0}.comparison-verdict ul{list-style:none;padding-left:0;margin-bottom:0}.comparison-verdict li{padding:8px 0;line-height:1.6;color:var(--text-secondary);margin-bottom:0}.comparison-verdict strong{color:#667eea;font-weight:600}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@media (max-width:768px){.comparison-table thead th{font-size:.85rem;padding:12px 15px}.comparison-table td{font-size:.85rem;padding:10px 15px}.comparison-verdict{padding:15px}.comparison-table{min-width:600px}.scroll-hint{padding:12px 20px;display:block}}.cta-button-wrapper{display:flex;justify-content:center;margin:2.5rem 0;width:100%}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(79,70,229,.2);position:relative;overflow:hidden}.cta-button-wrapper p{margin-bottom:0;color:#fff}.cta-button-wrapper a{text-decoration:none}.cta-button-primary{background:var(--primary-color);color:#fff}.cta-button-primary:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(79,70,229,.35);transform:translateY(-2px);text-decoration:none;color:#fff}.cta-button-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);text-decoration:none}.cta-button-gradient{background:linear-gradient(135deg,var(--primary-color) 0,#6366f1 100%);color:#fff;border:none}.cta-button-gradient:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 8px 24px rgba(79,70,229,.4);transform:translateY(-2px);text-decoration:none;color:#fff}@media (max-width:768px){.cta-button{width:100%;max-width:350px;font-size:1rem;padding:.875rem 1.5rem}}.error-message-contact-form{background-color:#fee;border:1px solid #fcc;color:#c33;padding:15px;border-radius:8px;margin-bottom:20px}.pack-credits-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2rem;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px rgba(16,185,129,.3);max-width:100%;overflow:hidden}.pack-icon{font-size:3rem;flex-shrink:0}.pack-info{flex:1 1;min-width:0}.pack-info h3{color:#fff;margin:0 0 .5rem;font-size:1.3rem}.pack-remaining{font-size:1.1rem;margin:.5rem 0}.pack-remaining strong{font-size:1.5rem;font-weight:700}.pack-priority{font-size:.9rem;opacity:.95;margin:.5rem 0 0}.buy-more-btn{background:#fff;color:#059669;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}.buy-more-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px);color:var(--bg-primary)}.usage-label{font-size:.9rem;font-weight:500;opacity:.8;display:block;margin-top:.25rem}.upgrade-pack{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.upgrade-pack:hover{background:linear-gradient(135deg,#059669,#047857)}.pro-pack-cta{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;text-align:center;margin-top:2rem;border:2px dashed var(--border-medium)}.pro-pack-cta p{margin-bottom:1rem;color:var(--text-secondary)}@media (max-width:768px){.pack-credits-banner{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1rem}.pack-icon{font-size:2.5rem}.pack-icon,.pack-info{text-align:center}.pack-info h3{font-size:1.2rem}.pack-remaining{font-size:1rem}.pack-remaining strong{font-size:1.3rem}.pack-priority{font-size:.85rem}.buy-more-btn{width:100%;padding:.875rem 1rem;font-size:.95rem}}.export-btn{background:var(--bg-primary);color:var(--primary-color);border:1px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.export-btn:hover{background:var(--primary-color);color:#fff}.export-btn.pdf{border-color:#ef4444;margin-left:1rem}.export-btn.pdf:hover{background:#ef4444;color:#fff}.export-btn.word{border-color:#3b82f6;margin-left:1rem}.export-btn.word:hover{background:#3b82f6;color:#fff}.summary-actions{display:flex;gap:.5rem;align-items:center}.action-btn{background:transparent;border:1px solid var(--border-medium);color:var(--text-muted);padding:.4rem .6rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;line-height:1}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-btn.copy:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.pdf:hover{border-color:#ef4444;color:#ef4444}.action-btn.word:hover{border-color:#3b82f6;color:#3b82f6}.modal-actions{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.result-actions{flex-direction:column;gap:.75rem}.modal-actions .export-btn{justify-content:center}.result-actions button{width:100%;margin:0}.modal-actions{flex-direction:column;width:100%;gap:.75rem}.modal-actions button{width:100%;margin:0}.summary-footer{flex-wrap:wrap;gap:.5rem}.summary-actions{order:2;width:100%;justify-content:center}.delete-btn{order:3;width:100%}.export-btn.pdf,.export-btn.word{margin-left:0}}[data-theme=dark] .article-header,[data-theme=dark] .blog-hero{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .article-card,[data-theme=dark] .comment-item,[data-theme=dark] .sidebar-widget,[data-theme=dark] .table-of-contents{background:#1e293b;border-color:#334155}[data-theme=dark] .comment-form textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .comment-login-prompt{background:#0f172a}[data-theme=dark] .article-prose code,[data-theme=dark] .share-btn.copy,[data-theme=dark] .share-btn.email{background:#334155;color:#f1f5f9}[data-theme=dark] .article-prose pre{background:#0f172a;border:1px solid #334155}[data-theme=dark] .article-tag{background:#334155;color:#cbd5e1}[data-theme=dark] .table-of-contents-inline{background:#1e293b;border-color:#334155}[data-theme=dark] .table-of-contents-inline:hover{border-color:#818cf8}[data-theme=dark] .toc-toggle:hover{background-color:rgba(129,140,248,.1)}[data-theme=dark] .toc-toggle h3{color:#f1f5f9}[data-theme=dark] .toc-nav ol li a:hover{background-color:rgba(129,140,248,.1)}[data-theme=dark] .sidebar-cta{background:linear-gradient(135deg,#4f46e5,#6366f1)}[data-theme=dark] .category-pill{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .category-pill:hover{background:#334155;border-color:#818cf8}[data-theme=dark] .category-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-theme=dark] .toc-title{color:#f1f5f9}[data-theme=dark] .article-card.featured .article-content{background:#1e293b}[data-theme=dark] .article-card.featured .article-image:after{background:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2))}[data-theme=dark] .comparison-table-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .comparison-table tbody tr{border-bottom-color:#334155}[data-theme=dark] .comparison-table tbody tr:hover{background-color:#334155}[data-theme=dark] .comparison-table td{border-right-color:#334155}[data-theme=dark] .scroll-hint{background:#334155;border-top-color:#475569}[data-theme=dark] .comparison-verdict{background:#334155;border-left-color:#818cf8}[data-theme=dark] .comparison-verdict strong{color:#818cf8}[data-theme=dark] .cta-button-primary{background:var(--primary-color);box-shadow:0 4px 12px rgba(129,140,248,.3)}[data-theme=dark] .cta-button-primary:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(129,140,248,.4)}[data-theme=dark] .cta-button-secondary{background:var(--bg-primary);border-color:#818cf8;color:#818cf8}[data-theme=dark] .cta-button-secondary:hover{background:#818cf8;color:#fff}[data-theme=dark] .cta-button-gradient{background:linear-gradient(135deg,#4f46e5,#818cf8)}[data-theme=dark] .cta-button-gradient:hover{background:linear-gradient(135deg,#4338ca,#6366f1);box-shadow:0 8px 24px rgba(129,140,248,.5)}[data-theme=dark] .pack-credits-banner{background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .buy-more-btn{background:#fff;color:#047857}[data-theme=dark] .pro-pack-cta{background:#1e293b;border-color:#334155}[data-theme=dark] .export-btn{background:var(--bg-tertiary)}[data-theme=dark] .action-btn{background:var(--bg-tertiary);border-color:var(--border-dark)}