@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px}.App-header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.App-header h1{font-size:2.5em;color:#4a90e2;margin-bottom:5px}.App-header h2{font-size:1.5em;color:#4a90e2;margin-top:0}:root{--bg-primary: #f0f2f5;--bg-secondary: #f7f9fc;--bg-section: #fff;--bg-dashboard: #eef7ff;--text-primary: #333;--text-secondary: #555;--text-header: #4A90E2;--border-light: #e0e0e0;--border-medium: #eee;--border-dark: #d0e7ff;--link-color: #4A90E2;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-strong: rgba(0, 0, 0, .2);--progress-bar-start: #1e90ff;--progress-bar-end: #00bfff;--info-message-bg: #e6f7ff;--info-message-border: #91d5ff;--info-message-text: #0056b3;--profile-border: #4A90E2;--profile-dropdown-hover-bg: #f0f7ff;--profile-dropdown-hover-text: #4A90E2}body.dark-theme{--bg-primary: #000000;--bg-secondary: #040423;--bg-section: #121235;--bg-dashboard: #020244;--text-primary: #e0e0e0;--text-secondary: #c0c0e0;--text-header: #8c7ae6;--border-light: #444;--border-medium: #555;--border-dark: #666;--link-color: #8c7ae6;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .5);--progress-bar-start: #6a05ad;--progress-bar-end: #8c7ae6;--info-message-bg: #161636;--info-message-border: #5a5a9a;--info-message-text: #d0d0f0;--profile-border: #8c7ae6;--profile-dropdown-hover-bg: #4a4a7a;--profile-dropdown-hover-text: #ffffff}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{padding:0;text-align:center;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.app-logged-in{max-width:900px;margin:0 auto;padding:2rem;background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 4px 8px var(--shadow-light);width:100%;box-sizing:border-box;transition:background-color .3s ease,box-shadow .3s ease}section{background-color:var(--bg-section);border:1px solid var(--border-light);border-radius:8px;padding:20px;margin-bottom:25px;transition:background-color .3s ease,border-color .3s ease}h3{color:var(--text-secondary);margin-top:0;margin-bottom:15px;border-bottom:1px solid var(--border-medium);padding-bottom:10px;transition:color .3s ease,border-color .3s ease}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;box-sizing:border-box}.login-box{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:center;max-width:400px;width:100%}.login-box h2{font-size:2.2em;color:#4a90e2;margin-bottom:15px;font-weight:700}.login-box p{font-size:1.1em;color:#555;margin-bottom:30px}.google-login-button{background-color:#4285f4;color:#fff;border:none;border-radius:8px;padding:12px 25px;font-size:1.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;gap:10px;width:100%;transition:background-color .3s ease,transform .1s ease;box-shadow:0 4px 10px #00000026;font-weight:600}.google-login-button:hover{background-color:#357ae8;transform:translateY(-2px)}.google-icon{width:24px;height:24px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:80vh;font-size:1.2em;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--shadow-strong);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-section);padding:30px;border-radius:12px;box-shadow:0 8px 25px var(--shadow-strong);width:90%;max-width:450px;text-align:center;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.modal-content h3{font-size:1.8em;color:var(--text-header);margin-bottom:20px;border-bottom:none;padding-bottom:0}.modal-content p{font-size:1.1em;color:var(--text-secondary);margin-bottom:15px}.credit-offers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:25px 0}.credit-offer{background-color:var(--bg-dashboard);border:1px solid var(--border-dark);border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;min-width:180px;max-width:250px;transition:background-color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease}.credit-offer:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--shadow-medium)}.credit-offer p{margin:0;font-size:1.2em;font-weight:500;color:var(--text-primary)}.credit-offer .price-tag{font-size:1.1em;color:var(--text-secondary);font-weight:400}.credit-offer .price-tag strong{color:var(--text-primary)}.top-up-button{background-color:#28a745;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:100%;max-width:180px}.top-up-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.top-up-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-close-button{background:none;border:none;font-size:1.1em;color:var(--text-secondary);cursor:pointer;margin-top:20px;transition:color .2s ease}.modal-close-button:hover{color:var(--text-primary)}.dload-confirm-button{background-color:#28a745;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.dload-confirm-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.dload-confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.dload-close-button{background-color:#e7a52b;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.dload-close-button:hover{background-color:#f8b538;transform:translateY(-1px)}.upscle-conf-button{background-color:#05bb1d;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.upscle-conf-button:hover:not(:disabled){background-color:#28ff3a;transform:translateY(-1px)}.upscle-conf-button:disabled{background-color:#ccc;cursor:not-allowed}.upscle-conf-close-button{background-color:#cecb14;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.upscle-conf-close-button:hover{background-color:#ddcf0e;transform:translateY(-1px)}.download-confirm-button{background-color:#28a745;color:#fff;border:none;border-radius:6px;padding:10px 15px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:150px;margin-right:10px}.download-confirm-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.download-confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.download-close-button{background-color:#f1bd10;color:#fff;border:none;border-radius:6px;padding:10px 15px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:150px}.download-close-button:hover:not(:disabled){background-color:#fd8905;transform:translateY(-1px)}.stop-conf-button{background-color:#dc3545;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.stop-conf-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.stop-conf-button:disabled{background-color:#ccc;cursor:not-allowed}.stop-conf-close-button{background-color:#6c757d;color:#fff;border:none;border-radius:6px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-weight:600;width:80%;max-width:200px;margin-right:10px}.stop-conf-close-button:hover{background-color:#5a6268;transform:translateY(-1px)}.user-dashboard-section{display:flex;align-items:center;gap:20px;margin-bottom:25px;background-color:var(--bg-dashboard);padding:15px 20px;border-radius:8px;border:1px solid var(--border-dark);flex-wrap:wrap;justify-content:space-between;position:relative;transition:background-color .3s ease,border-color .3s ease}.user-dashboard-section .user-details{flex-grow:1;text-align:left;display:flex;flex-direction:column;justify-content:center}.user-dashboard-section .user-details p{margin:0;font-size:1.05em;color:var(--text-secondary)}.user-dashboard-section .user-details .credits{font-weight:700;color:var(--link-color)}.user-dashboard-section .user-details .credit-refresh-info{font-size:.85em;color:var(--text-secondary);margin-top:5px;font-style:italic}.profile-menu-container{position:relative}.profile-picture{width:50px;height:50px;border-radius:50%;border:2px solid var(--profile-border);object-fit:cover;display:block;transition:border-color .3s ease}.clickable-profile-picture{cursor:pointer;transition:transform .2s ease}.clickable-profile-picture:hover{transform:scale(1.05)}.profile-dropdown-menu{position:absolute;top:60px;left:0;background-color:var(--bg-section);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 15px var(--shadow-light);min-width:150px;display:flex;flex-direction:column;padding:10px 0;z-index:20;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.profile-dropdown-menu button{background:none;border:none;text-align:left;padding:10px 15px;width:100%;cursor:pointer;font-size:1em;color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.profile-dropdown-menu button:hover{background-color:var(--profile-dropdown-hover-bg);color:var(--profile-dropdown-hover-text)}.user-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.user-action-buttons button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;font-weight:500;white-space:nowrap}.user-action-buttons .logout-button{background-color:#dc3545;color:#fff}.user-action-buttons .logout-button:hover{background-color:#c82333}.user-action-buttons .topup-button{background-color:#007bff;color:#fff}.user-action-buttons .topup-button:hover{background-color:#0056b3}.content-page{background-color:var(--bg-section);border:1px solid var(--border-light);border-radius:8px;padding:20px;margin-bottom:25px;text-align:left;min-height:300px;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.page-header-with-back{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid var(--border-medium);padding-bottom:10px;transition:border-color .3s ease}.page-header-with-back h3{margin:0;border-bottom:none;padding-bottom:0}.back-button{background-color:#6c757d;color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;white-space:nowrap}.back-button:hover{background-color:#5a6268}.setting-item{margin-bottom:15px;display:flex;align-items:center}.setting-item label{width:180px;font-weight:700;color:var(--text-secondary)}.setting-item select,.setting-item input[type=text]{flex-grow:1;padding:10px;border:1px solid var(--border-light);border-radius:5px;font-size:1em;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.setting-item select:disabled,.setting-item input[type=text]:disabled{background-color:var(--border-light);cursor:not-allowed;opacity:.7}.setting-item.checkbox-item{justify-content:flex-start}.setting-item.checkbox-item input[type=checkbox]{margin-right:10px;width:auto}.actions{display:flex;justify-content:space-around;gap:15px}.actions button{flex:1;padding:15px 20px;border:none;border-radius:5px;color:#fff;font-size:1.1em;cursor:pointer;transition:background-color .3s ease;min-height:40px;font-weight:700}.actions button:hover:not(:disabled){opacity:.9}.actions button:disabled{background-color:#ccc!important;cursor:not-allowed;color:#fff}.actions button:nth-child(2):not(:disabled){background-color:#7ed321}.actions button:nth-child(3):not(:disabled){background-color:#4a90e2}.history-list,.download-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto;border:1px solid var(--border-light);border-radius:5px;transition:border-color .3s ease}.history-item,.download-item{padding:15px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:5px;transition:border-color .3s ease}.history-item:last-child,.download-item:last-child{border-bottom:none}.history-timestamp{font-size:.85em;color:var(--text-secondary)}.history-type{font-weight:700;text-transform:capitalize;padding:3px 8px;border-radius:4px;font-size:.8em;color:#fff;align-self:flex-start}.history-type.upscale-job{background-color:#4a90e2}.history-type.credit-deduction{background-color:#ff4757}.history-type.credit-topup{background-color:#28a745}.history-type.credit-topup-2checkout{background-color:#5bc0de}.history-type.login{background-color:#6c757d}.history-type.account-created{background-color:#7ed321}.history-type.download{background-color:#5bc0de}.history-type.upscale-job-queued{background-color:#17a2b8}.history-type.upscale-job-started-processing,.history-type.upscale-job-stop-requested-api{background-color:#ffc107;color:#333}.history-type.upscale-job-stop-requested{background-color:#dc3545}.history-type.daily-credit-refresh{background-color:#41e92a}.history-details p{margin:0;font-size:.95em;color:var(--text-secondary);word-break:break-all}.status-queued{color:#17a2b8;font-weight:500}.status-processing,.status-analyzing-video,.status-extracting-frames,.status-extracting-audio,.status-upscaling-frames,.status-rebuilding-video{color:#007bff;font-weight:500}.status-completed{color:#28a745;font-weight:500}.status-failed,.status-failed-unexpectedly,.status-failed-insufficient-credits{color:#dc3545;font-weight:500}.status-success{color:#28a745;font-weight:500}.status-stopped-by-user{color:#ff8c00;font-weight:500}.status-stopping{color:#ffc107;font-weight:500}.download-item{flex-direction:row;justify-content:space-between;align-items:center;font-size:1em;font-weight:500}.download-item span{flex-grow:1;text-align:left;padding-right:10px;word-break:break-all}button.download-button-small{background-color:#28a745;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;white-space:nowrap}button.download-button-small:hover{background-color:#218838}.App-footer{margin-top:30px;font-size:.9em;color:var(--text-secondary);display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border-medium);transition:color .3s ease,border-top-color .3s ease}.info-message{margin-top:20px;margin-bottom:20px;padding:15px;background-color:var(--info-message-bg);border:1px solid var(--info-message-border);border-radius:8px;color:var(--info-message-text);font-size:1em;font-weight:500;text-align:center;box-shadow:0 2px 5px #0000000d;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.info-message strong{font-weight:700}.noactive-message,.nodload-message{color:var(--info-message-text)}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:350px;width:90%}.notification{background-color:var(--bg-section);padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px var(--shadow-light);display:flex;justify-content:space-between;align-items:center;font-size:1em;color:var(--text-primary);border-left:5px solid;opacity:0;transform:translate(100%);transition:opacity .3s ease-out,transform .3s ease-out,background-color .3s ease,color .3s ease,box-shadow .3s ease}.notification.show{opacity:1;transform:translate(0)}.notification.hide{opacity:0;transform:translate(100%)}.notification p{margin:0;flex-grow:1;text-align:left}.notification-close-btn{background:none;border:none;font-size:1.5em;line-height:1;cursor:pointer;color:var(--text-secondary);margin-left:10px;padding:0 5px;transition:color .2s ease}.notification-close-btn:hover{color:var(--text-primary)}.notification.info{border-color:#2196f3}.notification.success{border-color:#4caf50}.notification.warning{border-color:#ffc107;color:#555}.notification.error{border-color:#f44336}@media (max-width: 600px){.notification-container{top:10px;right:10px;max-width:calc(100% - 20px)}.notification{padding:10px 15px;font-size:.9em}.notification-close-btn{font-size:1.2em}}.active-jobs-group{margin-top:25px}.active-jobs-list{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto;border:1px solid var(--border-light);border-radius:5px;transition:border-color .3s ease}.active-job-item{padding:15px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:15px;background-color:var(--bg-section);transition:background-color .2s ease,border-color .3s ease}.active-job-item:last-child{border-bottom:none}.active-job-item:hover{background-color:var(--bg-primary)}.active-job-item .job-info{flex-grow:1;text-align:left}.active-job-item .job-info p{margin:5px 0;font-size:.95em;color:var(--text-secondary);word-break:break-all}.active-job-item .job-info p strong{color:var(--text-primary)}.active-job-item .job-info .status-queued{color:#17a2b8;font-weight:600}.active-job-item .job-info .status-processing,.active-job-item .job-info .status-analyzing-video,.active-job-item .job-info .status-extracting-frames,.active-job-item .job-info .status-extracting-audio,.active-job-item .job-info .status-upscaling-frames,.active-job-item .job-info .status-rebuilding-video{color:#007bff;font-weight:600}.active-job-item .job-info .status-stopping{color:#ffc107;font-weight:600}button.stop-button-small{background-color:#dc3545;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;white-space:nowrap;flex-shrink:0}button.stop-button-small:hover:not(:disabled){background-color:#c82333}button.stop-button-small:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.active-job-item{flex-direction:column;align-items:flex-start}button.stop-button-small{width:100%;margin-top:10px}}.theme-toggle-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2em;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .3s ease,transform .2s ease;color:var(--text-primary);line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle-button:hover{background-color:#80808033;transform:scale(1.1)}.App-header{position:relative}.landing-page-container{font-family:Inter,sans-serif;color:#e0e0e0;background-color:#1a1a2e;padding:0;width:100%;margin:0;box-sizing:border-box;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.landing-header{background-color:#0f0f1d;padding:40px 5%;box-shadow:0 4px 15px #0000004d;margin-bottom:0;border-bottom:1px solid #333;position:relative;display:flex;flex-direction:column;align-items:center}.header-content-wrapper{text-align:center;width:100%;max-width:900px;margin-bottom:15px}.landing-header h1{font-size:4em;color:#6a05ad;margin:0;font-weight:800;line-height:1.1;text-shadow:0 0 15px rgba(106,5,173,.6)}.landing-title-link{text-decoration:none;color:inherit}.landing-title-link:hover h1,.landing-title-link:focus h1{text-shadow:0 0 25px rgba(106,5,173,.9);cursor:pointer}.landing-header .tagline{font-size:2em;color:#a0a0d0;font-weight:500;max-width:800px;margin:0 auto}.header-right-widgets{position:absolute;top:50px;right:5%;display:flex;flex-direction:column;align-items:flex-end;gap:5px;z-index:10}.google-login-button{background-color:#000;color:#fff;border:solid;border-color:#fff;border-radius:8px;padding:12px 25px;font-size:1.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease,transform .1s ease;box-shadow:0 4px 10px #00000026;font-weight:600;max-width:250px}.google-login-button:hover{background-color:#fff;color:#000;border:solid;border-color:#1eff31;transform:translateY(-2px)}.google-login-button:active{transform:translateY(0)}.google-icon{width:35px;height:35px}.loading-message{margin:0;font-size:.9em;color:#a0a0d0}.prominent-cta-section{padding:0;margin-bottom:0;border:none;box-shadow:none;height:0;overflow:hidden}.hero-section{background-color:#1f1f3a;padding:50px 5%;border-radius:0;margin-bottom:0;border:none}.video-comparison-slider{position:relative;width:100%;max-width:600px;height:400px;margin:0 auto 40px;overflow:hidden;border:3px solid #6a05ad;border-radius:10px;box-shadow:0 8px 30px #00000080;cursor:ew-resize;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.video-comparison-slider .slider-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.play-pause-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#6a05adb3;color:#fff;border:3px solid white;border-radius:50%;width:70px;height:70px;font-size:2.5em;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:15;box-shadow:0 0 20px #fff6;transition:all .3s ease}.play-pause-button:hover{background-color:#8c7ae6;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px #fff9}.play-pause-button:active{transform:translateY(-50%,-50%) scale(.98)}.video-comparison-slider .slider-handle{position:absolute;top:0;bottom:0;width:6px;background-color:#fff;transform:translate(-50%);cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ffffffb3}.video-comparison-slider .slider-handle:before,.video-comparison-slider .slider-handle:after{content:"";position:absolute;width:0;height:0;border-style:solid}.video-comparison-slider .slider-arrow{position:absolute;width:0;height:0;border-style:solid;z-index:11}.video-comparison-slider .slider-arrow.left{border-width:10px 12px 10px 0;border-color:transparent #ffffff transparent transparent;left:-15px}.video-comparison-slider .slider-arrow.right{border-width:10px 0 10px 12px;border-color:transparent transparent transparent #ffffff;right:-15px}.video-comparison-slider .slider-bar{width:3px;height:100%;background-color:#0f0f1d;position:relative}.compare-text{font-size:1.4em;color:#8c7ae6;font-weight:600;margin-top:20px;text-shadow:0 0 8px rgba(140,122,230,.3)}.intro-text{font-size:1.3em;line-height:1.7;color:#b0b0e0;max-width:900px;margin:0 auto 50px}.features-section{background-color:#1a1a2e;padding:60px 5%;text-align:center;margin-bottom:0}.features-section h2{font-size:3em;color:#6a05ad;margin-bottom:40px;border-bottom:2px solid #333;padding-bottom:15px;text-shadow:0 0 10px rgba(106,5,173,.4)}.features-list{list-style:none;padding:0;margin:0 auto;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.features-list li{background-color:#2c2c54;padding:30px;border-radius:15px;box-shadow:0 5px 20px #0006;font-size:1.15em;color:#d0d0f0;line-height:1.6;border-left:6px solid #8c7ae6;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.features-list li:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0009}.features-list li strong{color:#fff;font-weight:700}.landing-footer{background-color:#0f0f1d;margin-top:0;font-size:.9em;color:#a0a0d0;padding:20px 5%;border-top:1px solid #333;display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width: 1024px){.landing-header h1{font-size:3.5em}.landing-header .tagline{font-size:1.8em}.header-right-widgets{position:static;margin-top:20px;align-items:center;width:100%}.google-login-button{font-size:1.1em;padding:12px 25px}}@media (max-width: 768px){.landing-header{padding-top:30px;padding-bottom:60px}.landing-header h1{font-size:3em}.landing-header .tagline{font-size:1.5em}.google-login-button{font-size:1em;padding:10px 15px}}@media (max-width: 480px){.landing-header{padding-top:20px;padding-bottom:50px}.landing-header h1{font-size:2.5em}.landing-header .tagline{font-size:1.2em}.google-login-button{font-size:.9em;padding:8px 12px}}.auth-modal{padding:40px;background-color:var(--bg-section);border-radius:12px;box-shadow:0 8px 25px var(--shadow-strong);width:90%;max-width:450px;text-align:center;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.auth-modal h3{font-size:2em;color:var(--text-header);margin-bottom:25px;border-bottom:none;padding-bottom:0}.auth-modal .form-group{margin-bottom:20px;text-align:left}.auth-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary)}.auth-modal .form-group input{width:calc(100% - 20px);padding:12px 10px;border:1px solid var(--border-light);border-radius:8px;font-size:1em;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease,background-color .3s ease}.auth-modal .form-group input:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 3px #4a90e233}.auth-button{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.auth-button.primary{background-color:#4a90e2;color:#fff;margin-top:10px}.auth-button.primary:hover:not(:disabled){background-color:#357ae8;transform:translateY(-2px)}.auth-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.8}.auth-divider{margin:25px 0;position:relative;font-size:.9em;color:var(--text-secondary)}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-medium)}.auth-divider:before{left:0}.auth-divider:after{right:0}.google-login-button.full-width{width:100%;margin-top:15px;box-shadow:0 2px 8px #0000001a}.auth-switch-text{margin-top:20px;font-size:.95em;color:var(--text-secondary)}.auth-link-button{background:none;border:none;color:var(--link-color);text-decoration:underline;cursor:pointer;font-size:1em;padding:0;transition:color .2s ease}.auth-link-button:hover{color:var(--text-primary)}.auth-error-message{color:#dc3545;font-size:.9em;margin-bottom:15px;text-align:center;background-color:#dc35451a;padding:10px;border-radius:6px;border:1px solid #dc3545}.auth-success-message{color:#28a745;font-size:.9em;margin-bottom:15px;text-align:center;background-color:#28a7451a;padding:10px;border-radius:6px;border:1px solid #28a745}.verification-required-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;background-color:var(--bg-primary);color:var(--text-primary)}.email-verification-prompt{background-color:var(--bg-section);padding:30px;border-radius:12px;box-shadow:0 8px 25px var(--shadow-strong);width:90%;max-width:600px;text-align:center;margin:20px auto;border:1px solid var(--border-light)}.email-verification-prompt h3{font-size:2em;color:var(--text-header);margin-bottom:20px;border-bottom:1px solid var(--border-medium);padding-bottom:15px}.email-verification-prompt p{font-size:1.1em;color:var(--text-secondary);margin-bottom:15px}.email-verification-prompt .verification-actions{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.resend-verification-button{background-color:#007bff;color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.resend-verification-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.resend-verification-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.8}.re-vefify-logout-button{background-color:#dc3545;color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.re-vefify-logout-button:hover{background-color:#c82333;transform:translateY(-2px)}.email-verification-prompt .small-text{font-size:.85em;color:var(--text-secondary);margin-top:20px}@media (max-width: 600px){.email-verification-prompt h3{font-size:1.6em}.email-verification-prompt p{font-size:1em}.resend-verification-button,.email-verification-prompt .re-vefify-logout-button{width:100%}}.verification-loading-screen{font-size:1.3em;color:var(--link-color)}