body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.side-menu{background-color:var(--color-background-dark);display:flex;flex-direction:column;flex-shrink:0;padding:30px;width:300px}.side-menu button{width:100%}.side-menu .logo{align-self:center}.side-menu .nav{display:flex;flex-direction:column;gap:15px}.side-menu .button-important{.inner{align-items:center;display:flex;gap:var(--button-gap);justify-content:start;width:100%}}@media (max-width:768px){.side-menu{display:none}}.useful-links{margin-top:auto}.premium-cta{border:var(--border-width) solid var(--color-primary-0);border-radius:8px;color:var(--text-color-light);margin-top:60px;padding:10px;text-align:left}.premium-cta .premium-icon{color:var(--color-primary);font-size:24px;margin-bottom:8px}.premium-cta h3{color:var(--text-color);font-size:1em;margin:0 0 4px}.premium-cta p{color:var(--text-color-secondary);font-size:.85em;margin:0 0 12px}.premium-cta .button-important{margin:0;width:100%}.bottom-menu{background-color:var(--color-background-dark);border-top:1px solid var(--bs-dark-border-subtle);bottom:0;display:flex;height:70px;justify-content:space-around;width:100%;z-index:900}.button-bottommenu{align-items:center;background:none;border:none;display:flex;flex:1 1;flex-direction:column;font-size:1.5rem;justify-content:center;outline:none;.icon{color:var(--text-color-light);font-size:30px}}.button-bottommenu.active{.icon{color:var(--color-primary-1)}}@media (min-width:768px){.bottom-menu{display:none}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;color:var(--text-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-content{background-color:var(--color-background-light);border-radius:var(--border-radius);box-shadow:0 0 20px #0003;max-height:90%;max-width:90%;overflow:auto;padding:20px;position:relative;width:500px}.blur-background{filter:blur(5px)}.popup-content .close-button{background-color:var(--gray-600);border:none;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px}.recorder{display:flex;flex-direction:column;height:100%}.upload-button{display:flex;justify-content:right;padding:15px 15px 0 0}.recorder-container,.recorder-panel{align-items:center;display:flex;justify-content:center}.recorder-panel{background-color:var(--color-background-light);border-radius:var(--border-radius);flex-direction:column;gap:10px;max-width:400px;padding:30px;width:350px;.button-hollow,.button-plain,select{width:100%}}.record-buttons{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.audio-spectrum{background-color:#fff;border:3px solid var(--color-primary-0);border-radius:var(--border-radius);color:#bf23f0;height:100px;margin-top:20px;width:100%}.breathing-effect{animation:breathing 2s infinite}@keyframes breathing{0%,to{box-shadow:0 0 20px #3232ff80,0 0 40px #ee82ee80}50%{box-shadow:0 0 40px #3232ffb3,0 0 80px #ee82eeb3}}.time-display{display:flex;flex-direction:column;gap:0}.chrono{font-size:36px;font-weight:600;margin:0}.time-limit{margin:0;text-align:center}.button-record{align-items:center;background-color:var(--color-primary-0);border:none;border-radius:var(--border-radius);border-radius:100%;color:#fff;display:flex;font-size:30px;height:90px;justify-content:center;width:90px;.icon{font-size:30px}}.button-record:hover{box-shadow:0 0 18px #228df075,0 0 22px #c122f0b8}.button-control{align-items:center;background-color:var(--transparent);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);border-radius:100%;display:flex;height:60px;justify-content:center;width:60px;.icon{color:var(--color-primary-0)}}.button-control:hover{background-color:var(--color-primary-0);border:1px solid var(--color-primary-0);.icon{color:var(--text-color--light)}}.recorder-settings-panel{.form-group{display:flex;flex-direction:column;gap:10px}}@media (max-width:768px){.recorder-panel{background-color:var(--transparent);max-width:95%;width:400px}}select,select optgroup,select option{font-family:Poppins,sans-serif!important;font-size:.9em}#note-type optgroup,#note-type option,.form-select optgroup,.form-select option{background-color:var(--background-color);color:var(--text-color);font-family:Poppins,sans-serif!important;padding:8px}#note-type option:hover,.form-select option:hover{background-color:var(--background-color-secondary)}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--color-primary-0);display:inline-block;height:25px;margin-right:8px;width:25px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tag-manager{display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;padding:20px;width:100%}.create-tag{display:flex;flex-shrink:0;gap:10px;margin:20px 0;width:100%}.create-tag input{flex:1 1;min-width:0}.tags-list{flex-direction:column;gap:10px;margin-right:-10px;overflow-y:auto;padding-right:10px}.tag-item,.tags-list{display:flex;width:100%}.tag-item{align-items:center;border-radius:var(--border-radius);justify-content:space-between;min-width:0;padding:8px 16px}.tag-item input{color:var(--text-color-dark);flex:1 1;height:36px;margin-right:10px;min-width:0}.tag-actions{display:flex;flex-shrink:0;gap:5px}.tag-actions button{color:#fff}.tag-actions button:hover{background-color:#ffffff1a}@media (max-width:480px){.tag-manager{max-width:100%;padding:15px}.create-tag{flex-direction:column;margin:10px 0}.tag-item{align-items:center;flex-direction:row;gap:8px;padding:8px 12px}.tag-item input{flex:1 1;height:36px;margin-right:8px;min-width:0}.tag-actions{display:flex;flex-shrink:0;gap:4px}.tags-list{margin-right:0;padding-right:0}}.add-tags{padding:20px}.tags-selection{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tag-option{border:2px solid #0000;border-radius:20px;cursor:pointer;font-size:.9em;padding:8px 16px;transition:all .2s ease}.tag-option:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tag-option.selected{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.actions{display:flex;justify-content:flex-end;margin-top:20px}.notes-section{min-height:100%;padding:20px;h1{margin:0 0 30px}}.notes-container{display:flex;flex-wrap:wrap;gap:20px}.notes-actions-buttons{align-items:center;display:flex;gap:10px;justify-content:space-between}.note-card{background-color:var(--color-background-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;transition:background-color .3s;width:calc(33.333% - 20px)}.note-card:hover{background-color:var(--gray-200)}.note-content{margin-bottom:10px}.note-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px;white-space:nowrap}.note-description,.note-title{overflow:hidden;text-overflow:ellipsis}.note-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;line-height:1.4;max-height:40px}.note-footer{justify-content:space-between;margin-top:auto;padding-top:10px}.note-footer,.note-info{align-items:center;display:flex}.note-info{flex-wrap:wrap;gap:8px}.note-info,.note-tags{justify-content:flex-end}.note-tags{gap:4px}.tag{align-items:center;background-color:var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color-light);display:flex;font-size:14px;padding:5px 10px}.note-date{color:var(--gray-500);font-style:italic}.note-category{align-items:center;background-color:var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color-light);display:flex;font-size:14px;padding:5px 10px}.note-category .material-symbols-outlined{font-size:14px;margin-right:5px}@media (max-width:1200px){.note-card{width:calc(50% - 20px)}}@media (max-width:880px){.notes-container{flex-direction:column;flex-wrap:nowrap}.note-card{background-color:var(--color-background-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:background-color .3s;width:100%}}.notes-actions-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:30px}.note-checkbox{appearance:none;-webkit-appearance:none;background-color:var(--color-background-light);border:2px solid var(--color-primary-0);border-radius:5px;cursor:pointer;height:20px;padding:0;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:20px;z-index:1}.note-checkbox:checked{background-color:var(--color-primary-0)}.note-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.note-checkbox:hover{border-color:var(--color-primary-1)}.note-card.selection-mode{cursor:default}.delete-button-mobile,.manager-button-mobile,.tags-button-mobile{display:none!important}@media (max-width:880px){.notes-actions-container{align-items:flex-start;flex-direction:column}.delete-button-desktop,.manager-button-desktop,.tags-button-desktop{display:none!important}.delete-button-mobile,.manager-button-mobile,.tags-button-mobile{display:flex!important;font-size:14px}}.search-container{margin-bottom:20px;position:relative;width:100%}.search-input{background-color:var(--color-background-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color);font-size:16px;padding:12px 40px 12px 15px;width:100%}.search-input::placeholder{color:var(--gray-400)}.search-icon{color:var(--color-primary-0);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width:880px){.search-container{margin-bottom:15px}}.settings-container{align-items:center;display:flex;flex-direction:column;max-width:100%;padding:40px 20px}.setting-panel{margin-bottom:30px;max-width:600px;padding:20px;width:100%}.setting-panel form{margin-top:30px}.setting-panel h3{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 10px}.setting-panel p{color:var(--gray-600);font-size:1rem;margin-bottom:15px}.setting-panel button{margin-top:30px}.subscription-panel{background-color:var(--gray-100);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;margin-bottom:30px;max-width:600px;padding:20px;text-align:center}.subscription-panel p{color:var(--gray-600);font-size:1rem;margin-bottom:15px}.subscription-panel .plan-info{color:var(--gray-900);font-size:1.25rem;font-weight:700}.subscription-panel a{color:var(--link-text-color);text-decoration:underline}.subscription-panel a:hover{color:var(--link-hover-color)}.subscription-state{align-items:center;border-radius:10px;display:flex;gap:5px;margin-top:30px;padding:5px 10px}.subscription-state .icon{font-size:18px}.cancelled-subscription{background-color:#bb8641;color:#fff}.active-subscription{background-color:#41bb5a;color:#fff}.choose-plan-container{background-color:var(--color-background-light);border-radius:8px;padding:10px;text-align:center}.choose-plan-container button{margin-top:40px;width:100%}.choose-plan-container p{font-size:14px;margin:0}.choose-plan-title{color:var(--color-primary-1);font-size:1.8rem;font-weight:700;margin:0}.limited-offer-text{color:var(--gray-700);display:block;font-size:1.2rem;margin:10px 0 40px}.secure-offer-text{color:var(--color-primary-0);font-size:1.4rem;font-weight:700;margin:0 0 20px}.plan-options{display:flex;flex-direction:column;gap:15px;margin:40px 0}.plan-option{border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;padding:15px;position:relative;transition:border-color .3s ease}.plan-option.selected{border-color:var(--color-primary-0)}.plan-pricing{align-items:center;display:flex;gap:10px}.old-price{color:var(--gray-600);text-decoration:line-through}.plan-price{color:var(--color-primary-0);font-size:1.4rem;font-weight:700}.plan-description{color:var(--gray-500);font-size:.9rem}.plan-save{background-color:var(--color-primary-0);border-radius:12px;color:#fff;font-size:.8rem;padding:5px 10px;position:absolute;right:10px;top:10px}.button-cta{align-items:center;background:linear-gradient(90deg,var(--color-primary-0),var(--color-primary-1));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:10px;justify-content:center;padding:10px 20px;transition:background .3s ease}.button-cta:hover{background:linear-gradient(90deg,var(--color-primary-1),var(--color-primary-0))}.choose-plan-container .button-cta{width:100%}.cancel-text{color:var(--gray-600);font-size:.9rem;margin-top:15px}@media (max-width:768px){.plan-option{display:flex;flex-direction:column}.plan-save{align-self:flex-end;margin:0 0 10px;position:relative;right:0;top:0;width:100px}}.benefits-panel{.plan-benefits h3{color:var(--color-primary-0);font-size:24px}.plan-benefits p{color:var(--gray-500);font-size:14px}.benefit{align-items:flex-start;display:flex;margin-top:15px;text-align:left}.benefit .icon{color:var(--color-primary-1);font-size:32px;margin-right:20px}.upgrade-button{font-size:16px;margin-top:20px}.trusted-info{color:var(--gray-600);font-size:12px;margin-top:10px}@media (max-width:768px){button{margin-top:15px;width:100%}}}@media (max-width:768px){.choose-plan-container{button{margin-top:15px;width:100%}}}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.button-group{display:flex;justify-content:space-between}#custom-prompt{height:200px}.custom-style-section{padding:20px;h1,h2,p{margin:0}h2{margin-top:20px}p{margin-bottom:20px}}.custom-style-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.custom-style-card{align-items:start;border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);cursor:pointer;display:flex;padding:15px;transition:background-color .3s;width:calc(33.333% - 20px)}.custom-style-card:hover{background-color:var(--gray-200)}.custom-style-icon{align-items:center;background-color:var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color-light);display:flex;height:60px;justify-content:center;margin-right:20px;width:60px;.icon{font-size:28px}}.custom-style-content{display:flex;flex-direction:column;max-width:70%}.custom-style-title{color:#333;font-size:20px;font-weight:600;margin:0 0 5px}.custom-style-description{color:#555;font-size:14px;margin:0}.builtin-style-card{align-items:start;background-color:var(--color-primary-0);color:var(--text-color-light);padding:15px;width:calc(33.333% - 20px)}.builtin-style-card,.builtin-style-icon{border-radius:var(--border-radius);display:flex}.builtin-style-icon{align-items:center;background-color:var(--text-color-light);color:var(--color-primary-0);height:60px;justify-content:center;margin-right:20px;width:60px;.icon{font-size:28px}}.builtin-style-content{display:flex;flex-direction:column;max-width:70%}.builtin-style-title{font-size:20px;font-weight:600;margin:0 0 5px}.builtin-style-description{font-size:14px;margin:0}@media (max-width:1200px){.builtin-style-card,.custom-style-card{width:calc(50% - 20px)}}@media (max-width:880px){.builtin-style-card,.custom-style-card{width:100%}}.note-section{align-items:center;color:var(--text-color);display:flex;flex-direction:column;padding:15px;.note-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.note-container{background-color:var(--background-color-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);max-width:100%;padding:20px;width:700px}.note-header textarea{font-size:22px;font-weight:600}.note-content textarea,.note-header textarea{background-color:initial;border:none;color:var(--text-color);height:auto;width:100%}code{white-space:pre-wrap}}.note-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;padding:0 20px}.note-tags .tag{border-radius:var(--border-radius);font-size:14px;gap:6px;padding:5px 10px}.note-tags .tag,.tag-remove{align-items:center;color:var(--text-color-light);display:flex}.tag-remove{background:none;border:none;cursor:pointer;justify-content:center;padding:0}.tag-remove .material-symbols-outlined{font-size:16px}.tag-remove:hover{opacity:.8}@media (max-width:1050px){.note-section{.note-container{width:90%}}}@media (max-width:768px){.note-section{.title{font-size:20px}.note-container{padding:15px;width:100%}}}.todolist-section{align-items:center;color:var(--text-color);display:flex;flex-direction:column;padding:15px;.todolist-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.todo-container{background-color:var(--background-color-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);max-width:100%;padding:20px;width:700px}.title{background:#0000;border:none;color:var(--text-color);font-size:22px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal;width:70%}.task-item{align-items:center;display:flex;margin-bottom:10px}.task-input{background-color:initial;border:none;color:var(--text-color);height:30px!important;margin-left:10px;overflow:"hidden";resize:"none";width:100%}.tasks-list{margin-top:20px}textarea{overflow:hidden;resize:none;width:100%}input{height:auto}}@media (max-width:1050px){.todolist-section .todo-container{width:90%}}@media (max-width:768px){.todolist-section .title{font-size:20px}.todolist-section .todo-container{padding:15px;width:100%}}.audio-section{min-height:100%;padding:20px}.audio-section h1{margin:0 0 30px}.audio-section .style-selection-panel{display:flex;flex-direction:column;gap:10px}.audio-container{display:flex;flex-wrap:wrap;gap:20px}.audio-actions-buttons{align-items:center;display:flex;gap:10px;justify-content:space-between}.audio-card{background-color:var(--color-background-light);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;transition:background-color .3s;width:calc(33.333% - 20px)}.audio-content{display:flex;gap:20px;margin-bottom:10px}.audio-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform-container{background-color:var(--color-background);border-radius:var(--border-radius);margin:10px 0;width:100%}.audio-footer{justify-content:space-between}.audio-footer,.audio-info{align-items:center;display:flex}.audio-info{gap:8px}.audio-date{color:var(--gray-500);font-style:italic}.audio-category,.audio-style-button{align-items:center;background-color:var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color-light);display:flex;font-size:14px;padding:5px 10px}.audio-style-button{gap:4px}.audio-style-button:hover{background-color:var(--color-primary-1)}.audio-style-button .icon{font-size:18px}@media (max-width:1200px){.audio-card{width:calc(50% - 20px)}}@media (max-width:880px){.audio-container{flex-direction:column;flex-wrap:nowrap}.audio-card{width:100%}}.audio-actions-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:30px}.toggle-switch{display:inline-block;height:30px;margin:0;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background-color:var(--color-primary-0)}input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-container{align-items:center;display:flex;gap:10px}.toggle-container span{font-size:16px}.toggle-label{color:var(--text-color);font-size:14px}.audio-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--color-background);border:2px solid var(--color-primary-0);border-radius:4px;cursor:pointer;height:20px;padding:0;position:absolute;right:15px;top:15px;width:20px;z-index:1}.audio-checkbox:checked{background-color:var(--color-primary-0)}.audio-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-checkbox:hover{border-color:var(--color-primary-1)}.audio-card.selection-mode{cursor:default}.delete-button-mobile{display:none!important}@media (max-width:880px){.audio-actions-container{align-items:flex-start;flex-direction:column}.delete-button-desktop{display:none!important}.delete-button-mobile{display:flex!important;font-size:14px}}.audio-card.selection-mode .audio-content{padding-right:40px}*,:after,:before{box-sizing:border-box}.app{display:flex;height:100vh}.content-section{flex:1 1;overflow:auto;padding:30px}.panel{background-color:var(--color-background-light);border:var(--border-width) solid var(--gray-400);border-radius:var(--border-radius);padding:30px}@media (max-width:768px){.app{flex-direction:column}.content-section{flex:1 1;padding:15px}.panel{background-color:var(--transparent);border:none;padding:0}}.inner,button{align-items:center;border:none;border-radius:var(--border-radius);color:var(--text-color-light);cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-weight:600;gap:var(--button-gap);justify-content:center;padding:10px 20px;transition:background-color .3s ease}button:disabled{border:none}button:disabled,button:disabled:hover{background-color:var(--gray-300);cursor:not-allowed}.icon{font-size:20px}.button-plain{background-color:var(--color-primary-0);border:solid var(--border-width) var(--color-primary-0)}.button-plain:hover{background-color:var(--color-primary-1)}.button-hollow{background-color:var(--transparent);border:solid var(--border-width) var(--color-primary-0);color:var(--color-primary-0);.icon{color:var(--color-primary-0)}}.button-hollow:hover{background-color:var(--color-primary-1);border-color:var(--text-color-light);color:var(--text-color-light);.icon{color:var(--text-color-light)}}.button-icon{align-items:center;aspect-ratio:1/1;background:var(--color-primary-0);border:none;border-radius:8px;color:var(--text-color-light);cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:all .2s ease}.button-icon:hover{background-color:var(--color-primary-1)}.button-icon:disabled{background-color:var(--gray-600);cursor:not-allowed;opacity:.5}.button-icon .icon{font-size:30px;margin:0}.button-important{background-color:var(--transparent);border:var(--border-width) solid var(--color-primary-0);padding:3px;.inner{align-items:center;background-color:var(--color-primary-0);border-radius:calc(var(--border-radius) - 5px);display:flex;gap:var(--button-gap);padding:10px 20px;width:100%}}.button-important:disabled .inner,.button-important:disabled:hover{background-color:var(--gray-300);cursor:not-allowed}.button-important:hover{background-color:var(--transparent);.inner{background-color:var(--color-primary-1)}}.button-sidemenu{background-color:var(--transparent);border:solid var(--border-width) var(--text-color-light);color:var(--text-color-light);justify-content:left;width:100%;.icon{color:var(--text-color-light)}}.button-sidemenu.active{background-color:var(--gray-600)}.button-sidemenu:hover{background-color:var(--color-primary-1);border-color:var(--text-color-light);color:var(--text-color-light);.icon{color:var(--text-color-light)}}:root{--color-primary-0:#1540ff;--color-primary-1:#1f1fff;--text-color-light:#eee;--text-color-dark:#181818;--color-background-light:#f8f8f8;--color-background-dark:#000;--button-height:50px;--transparent:#0000;--gray-100:#f9f9f9;--gray-200:#e6e6e6;--gray-300:#ccc;--gray-400:#b3b3b3;--gray-500:#999;--gray-600:grey;--gray-700:#666;--gray-800:#4d4d4d;--gray-900:#333;--gray-1000:#1a1a1a;--link-text-color:#888787;--link-hover-color:#707070;--button-gap:8px;--border-width:2px;--border-radius:10px;--blog-card-border-radius:10px}body{font-family:Poppins}.error-message{background-color:#ebadad;border:1px solid #d63737;border-radius:10px;border-radius:var(--border-radius);color:#d63737}.error-message,.success-message{font-size:16px;font-weight:500;margin:15px 0;padding:1rem;width:100%}.success-message{background-color:#adebd8;border:1px solid #34a74d;border-radius:10px;border-radius:var(--border-radius);color:#2ea137}input,label,select,textarea{font-family:Poppins}select{background-color:var(--transparent);border:solid var(--border-width) var(--color-primary-0);border-radius:var(--border-radius);font-size:16px;font-weight:600;padding:10px 20px}label,select{color:var(--text-color-dark)}label{margin-bottom:10px}input,textarea{border:solid var(--border-width) var(--color-primary-0);border-radius:var(--border-radius);font-size:16px;padding:10px;resize:none}.login-page{align-items:center;background-color:var(--color-background-light);display:flex;height:100vh;justify-content:center;padding:20px}.login-container{border-radius:var(--border-radius);max-width:400px;padding:40px;text-align:left;width:100%;button{margin:10px 0}input[type=email],input[type=password],input[type=text]{background-color:initial;border:none;color:#333;font-size:16px;outline:none;padding:15px;width:100%}}@media (max-width:768px){.login-container{padding:0}}.login-logo{height:36px;margin-bottom:20px}.input-group{border:1px solid #ddd;border-radius:var(--border-radius);display:flex;margin-bottom:15px}.icon-container{align-items:center;background-color:#e2e2e2;border-right:1px solid #ddd;display:flex;justify-content:center;padding:15px}.eye-icon,.login-icon{color:#999;font-size:20px}.eye-icon{background-color:#f9f9f9;cursor:pointer;padding:15px}.login-toggle-text{color:var(--link-text-color);cursor:pointer;font-size:14px;margin-top:20px}.login-message{color:#28a745;margin-top:15px}.checkbox-container{align-items:center;display:flex;font-size:14px;margin-top:10px;label{margin:0}}.checkbox-container input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--gray-400);border-radius:5px;cursor:pointer;height:20px;margin:0 8px 0 0;padding:0;position:relative;width:20px}.checkbox-container input[type=checkbox]:checked{background-color:var(--color-primary-0);border-color:var(--gray-400)}.login-separator{align-items:center;display:flex;margin:20px 0;text-align:center}.login-separator:after,.login-separator:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.login-separator span{color:#666;font-size:14px;padding:0 10px}.google-disclaimer{color:var(--text-color-secondary);font-size:12px;line-height:1.4;margin-top:15px;text-align:center}.google-disclaimer a{color:var(--color-primary);text-decoration:underline}.button-google{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:Poppins;height:40px;justify-content:center;outline:none;padding:0;transition:background-color .2s,box-shadow .2s;width:100%}.button-google:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.button-google:active{background-color:#f1f3f4}.button-google-content{align-items:center;display:flex;height:100%;padding:0 12px}.google-icon{margin-right:8px;min-width:18px}.button-google-text{color:#3c4043;font-size:14px;font-weight:500;letter-spacing:.25px;line-height:16px;white-space:nowrap}.parallax-bg{position:absolute}@media (max-width:1850px){.parallax-bg img{opacity:40%}}@media (max-width:768px){.parallax-bg{display:none}}.landing-page{.section{margin:0 auto;max-width:1200px;padding:50px 20px}.section-header{margin-bottom:40px;text-align:center}.section-header h4{color:var(--color-primary-0);font-weight:600;letter-spacing:2px;margin-bottom:10px}.section-header h2{color:#1f2937;font-size:40px;font-weight:700}.section-header p{color:#6b7280;margin:0 auto;max-width:600px}.highlight{color:var(--color-primary-0)}@media (max-width:768px){.section-header h2{font-size:30px}.button-important{width:100%}}.hero-section{align-items:center;display:flex;justify-content:space-between;margin:50px auto;padding:50px 20px}.hero-content{max-width:600px}.hero-content h1{color:#1f2937;font-size:48px;font-weight:700;line-height:1.2}.hero-content h4{color:var(--color-primary-0);font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.hero-content p{color:#6b7280;font-size:16px;margin-bottom:40px;margin-top:20px}.featured-badge{margin-top:30px;text-align:center}.featured-badge img{height:auto;max-width:280px;opacity:.8;transition:opacity .3s ease}.featured-badge img:hover{opacity:1}.email-signup{align-items:center;background-color:#f9fafb;border-radius:50px;box-shadow:0 4px 12px #0000001a;display:flex;max-width:500px;padding:10px}.email-signup input{border:none;border-radius:50px 0 0 50px;flex:1 1;font-size:16px;outline:none;padding:15px}.email-signup button{background-color:var(--color-primary-0);border:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s}.email-signup button:hover{background-color:#5b2aa4}.hero-image img{max-width:100%}@media (max-width:768px){.hero-section{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-image{margin-top:40px}.hero-content h1{font-size:30px}.featured-badge img{max-width:220px}}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin-top:40px}.feature-item{align-items:start;background-color:#fff;border:2px solid var(--color-primary-0);border-radius:10px;display:flex;gap:20px;padding:20px;text-align:left}.feature-section{.icon{align-items:center;aspect-ratio:1/1;background-color:var(--color-primary-0);border-radius:50%;box-sizing:border-box;color:var(--text-color-light);display:flex;justify-content:center;padding:20px}.icon .material-symbols-outlined{font-size:30px}}.feature-item h4{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 10px}.feature-item p{color:#6b7280;font-size:16px}@media (max-width:768px){.features-grid{gap:20px;grid-template-columns:1fr}.feature-item h4{font-size:20px}.feature-item p{font-size:14px}}.steps-section{align-items:center;display:flex;justify-content:space-between;padding:50px 20px}.image-container{display:flex;flex:1 1;justify-content:center}.laptop-image{height:auto;max-width:100%}.steps-content{flex:1 1;margin-left:50px}@media (min-width:768px){.steps-content .section-header{text-align:left}}.steps-title{color:#1f2937;font-size:36px;font-weight:700;margin-bottom:30px}.step{align-items:start;display:flex;margin-bottom:30px}.step-number{color:#9ca3af;font-size:40px;font-weight:700;margin:0 30px 0 0}.step-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.step-description{color:#6b7280;font-size:16px}@media (max-width:768px){.steps-section{flex-direction:column;text-align:center}.steps-content{margin-left:0}.steps-title{font-size:30px}.step{flex-direction:column;text-align:center}.step-number{font-size:30px;width:100%}.step-title{font-size:20px}.step-description{font-size:14px}}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;padding:0 20px}.faq-item{border:2px solid var(--color-primary-0);border-radius:10px}.faq-question{align-items:center;background-color:var(--color-primary-0);border-radius:5px 5px 0 0;color:var(--text-color-light);cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin:0;padding:15px}.faq-answer{color:#333;font-size:18px;padding:15px;text-align:left}.faq-question .icon{color:var(--text-color-light);padding:0}@media (max-width:768px){.faq-question{font-size:16px;padding-right:10px}.faq-question .icon{margin-left:10px}.faq-answer{font-size:16px}.faq-grid{padding:0}}}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 30px}.navbar-logo img{height:auto;max-width:150px}.navbar-links{display:flex;gap:30px}.navbar-links a{color:#333;font-size:18px;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:var(--color-primary-0)}.navbar-buttons{display:flex;gap:15px}.no-style-link{color:inherit;text-decoration:none}@media (max-width:768px){.navbar{display:none}}.footer{background-color:var(--color-background-dark);color:var(--text-color-light);margin-top:60px;width:100%}.footer h3{color:var(--color-primary-0);font-size:16px;margin-bottom:10px}.footer ul{list-style-type:none;padding:0}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between}.footer hr{background-color:var(--gray-300);border:none;height:1px;margin:20px 0;opacity:.6}.footer a{color:var(--link-text-color);text-decoration:none;transition:color .3s}.footer a:hover{color:var(--link-hover-color)}.footer-logo{margin-bottom:10px;max-width:150px}.footer-contact{text-align:left}.footer-bottom{display:flex;font-size:14px;justify-content:space-between}.section{margin:0 auto;max-width:1200px;padding:50px 20px}@media (max-width:768px){.footer-row{align-items:center;flex-direction:column}.footer-col,.footer-contact{margin-bottom:20px;text-align:center}.footer-bottom{align-items:center;flex-direction:column;text-align:center}}.legal-container{margin:0 auto;max-width:800px;padding:20px;.legal-content{margin-top:60px}h1,h2,p,ul{color:var(--text-color-dark)}p,ul{line-height:1.6}ul{list-style-type:disc;margin-left:20px}.footer{background-color:var(--color-background-dark);color:var(--text-color-light);margin-top:40px;padding:20px;text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-container div{flex:1 1;margin-bottom:20px}.footer-container h3{margin-bottom:10px}.footer-container ul{list-style:none;padding:0}.footer-container ul li{margin-bottom:8px}.footer-container a{color:var(--text-color-light);text-decoration:none}.footer-container a:hover{text-decoration:underline}.contact-info img{margin-bottom:10px;width:100px}hr{border:1px solid var(--gray-400);margin:20px 0}p{margin:0;padding:10px 0}}.transcribe-container{margin:2rem auto;max-width:800px;padding:100px 1rem 0;text-align:center;.drop-zone{align-items:center;background-color:var(--color-background-1);border:2px dashed var(--color-primary-0);border-radius:var(--border-radius);color:var(--text-color-dark);cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:200px;justify-content:center;margin:2rem 0;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.drop-zone.dragging,.drop-zone:hover{background-color:var(--color-primary-0);border-color:var(--color-primary-0);color:#fff}.drop-zone .icon{color:var(--color-primary-0)}.drop-zone:hover .icon{color:#fff}.drop-zone p{color:var(--text-color);margin:0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-info{color:var(--text-color);flex-direction:column;gap:1rem}.file-info,.file-info p{align-items:center;display:flex}.file-info p{gap:.5rem}.file-info .icon{color:var(--color-primary-0)}.clear-file{margin-top:1rem;text-align:center}.result-container{background-color:var(--color-background-1);border-radius:var(--border-radius);margin-top:2rem;padding:1.5rem}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.transcription-result{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--text-color);min-height:200px;padding:1rem;resize:vertical;width:100%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.feature{background-color:var(--color-background-1);border:var(--border-width) solid var(--color-primary-0);border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .3s ease}.feature h3{color:var(--color-primary-0);margin:0 0 .5rem}.feature p{color:var(--text-color);font-size:.9rem;margin:0}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.transcribe-container{margin:1rem auto;padding:0 1rem}.features-grid{gap:1rem;grid-template-columns:1fr}.drop-zone{padding:2rem 1rem}.result-container{padding:1rem}.result-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.result-header h2{margin:0}.transcription-result{min-height:150px}.transcribe-container h1{font-size:1.5rem;text-align:center}.description{text-align:center}.button-hollow,.button-important,.button-plain{width:100%}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.related-formats{background-color:var(--color-background-1);border-radius:var(--border-radius);margin-top:3rem;padding:2rem}.format-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.format-link{background-color:var(--color-primary-0);border-radius:var(--border-radius);color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.format-link:hover{background-color:var(--color-primary-1)}.seo-content{margin:3rem 0;text-align:left}.content-section{background-color:var(--color-background-1);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.content-section h2{font-size:1.8rem}.content-section h2,.content-section h3{color:var(--color-primary-0);margin-bottom:1rem;margin-top:0}.content-section h3{font-size:1.4rem}.content-section h4{color:var(--color-primary-0);font-size:1.1rem;margin-bottom:.5rem;margin-top:1.5rem}.content-section p{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.content-section ul{margin-bottom:1rem;padding-left:1.5rem}.content-section ul li{color:var(--text-color);line-height:1.6;margin-bottom:.5rem}.content-section ol{margin-bottom:1rem;padding-left:1.5rem}.content-section ol li{color:var(--text-color);line-height:1.6;margin-bottom:.8rem}.features-list{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.feature-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--text-color);line-height:1.5;padding:1rem}.feature-item strong{color:var(--color-primary-0);display:block;margin-bottom:.5rem}.faq-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.faq-item h4{color:var(--color-primary-0);font-size:1.1rem;margin:0 0 1rem}.faq-item p{color:var(--text-color);line-height:1.6;margin:0}@media (max-width:768px){.format-links{flex-direction:column}.format-link{text-align:center}.seo-content{margin:2rem 0}.content-section{margin:1.5rem 0;padding:1rem}.content-section h2{font-size:1.5rem}.content-section h3{font-size:1.2rem}.features-list{gap:.8rem}.feature-item{padding:.8rem}.faq-item{margin-bottom:1.5rem;padding:1rem}}}
/*# sourceMappingURL=main.1436742e.css.map*/