.todo-app.modern{max-width:1000px;margin:0 auto;padding:20px;font-family:Inter,sans-serif}.h1-todo{color:#ba7a5d;text-align:center;padding-top:20px}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;margin-top:20px}.search-form{display:flex;align-items:center;position:relative;flex:1 1 250px}.search-bar{width:100%;padding:10px 40px 10px 12px;border-radius:12px;border:1px solid #d1d5db;font-size:.95rem;transition:all .2s}.search-bar:focus{outline:none;border-color:#8b4513;box-shadow:0 0 6px #8b45134d}.search-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#8b4513;font-size:1rem;display:flex;align-items:center;justify-content:center}.selectors{display:flex;align-items:center;gap:12px}.selectors label{font-weight:500;color:#374151}.selectors select{padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;cursor:pointer;background-color:#fff;transition:all .2s}.selectors select:hover{border-color:#8b4513}.add-todo-button{padding:8px 16px;background-color:#8b4513;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s}.add-todo-button:hover{background-color:#5c4033}.header-row{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.header-row{justify-content:space-between;align-items:center}.h1-todo{text-align:left;padding-top:0;font-size:1.4rem}.controls{margin-top:12px}.selectors{flex-wrap:wrap}.add-inline{margin-left:auto;padding:8px 14px;font-size:.9rem;border-radius:10px}}.todo-form{display:flex;flex-direction:column;gap:14px;padding-top:10px}.todo-input{padding:12px 14px;border-radius:12px;border:1px solid #d1d5db;font-size:.95rem;transition:all .2s ease}.todo-input:focus{outline:none;border-color:#8b4513;box-shadow:0 0 6px #8b451340}.todo-date{padding:10px 14px;border-radius:12px;border:1px solid #d1d5db;font-size:.95rem;cursor:pointer;transition:all .2s ease}.todo-date:focus{outline:none;border-color:#8b4513;box-shadow:0 0 6px #8b451340}.todo-button{margin-top:6px;padding:12px 16px;background-color:#8b4513;color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.todo-button:hover{background-color:#5c4033;transform:translateY(-1px)}.todo-button:active{transform:translateY(0)}.month-view{display:grid;grid-template-columns:repeat(auto-fit,120px);gap:12px;margin-top:20px;justify-content:flex-start}@media(max-width:768px){.month-view{justify-content:center}}.day-box{background-color:beige;padding:20px 12px;border-radius:16px;text-align:center;cursor:pointer;transition:all .2s;border:1px solid #d2b48c;display:flex;flex-direction:column;align-items:center;justify-content:center}.day-box:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.day-box.has-todo{background-color:tan;border-color:#8b4513}.day-icon{font-size:2rem;color:#8b4513;margin-bottom:8px;transition:transform .2s,color .2s}.day-box:hover .day-icon{transform:scale(1.2);color:#5c4033}.day-text{font-size:1rem;font-weight:600;color:#5c4033}.no-todos{text-align:center;font-size:1rem;color:#6b7280;margin-top:20px}@media(max-width:640px){.month-view{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.day-box{padding:14px 8px;border-radius:14px}.day-icon{font-size:1.6rem;margin-bottom:6px}.day-text{font-size:.9rem}}.day-todos-page{max-width:700px;margin:40px auto;padding:20px 24px;background-color:#fff7f0;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Inter,sans-serif}.day-todos-page h1{font-size:1.8rem;color:#2b2b2b;text-align:center;margin-bottom:20px}@media(max-width:640px){.day-todos-page{margin:16px 12px;padding:16px}.day-todos-page h1{font-size:1.4rem;margin-bottom:16px}}.page-controls{display:flex;justify-content:flex-end;gap:12px;margin:16px 0;flex-wrap:wrap}.page-controls button{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.page-controls button:first-child{background-color:#3b82f6;color:#fff}.page-controls button:first-child:hover{background-color:#2563eb;transform:translateY(-1px)}.page-controls button:last-child{background-color:#a67c52;color:#f7f7f7;border-color:#976839}.page-controls button:last-child:hover{background-color:#e5e7eb;color:#111827}@media(max-width:640px){.page-controls{justify-content:center;flex-direction:column;gap:8px}.page-controls button{width:100%}}.todo-summary{font-weight:600;font-size:1.1rem;color:#1f2937;margin-bottom:16px;text-align:center;background-color:#fff6;padding:8px 16px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.todo-summary.all-completed{background-color:#23a430;color:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 6px #10b98133;font-weight:600;transition:all .3s ease}input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;cursor:pointer;flex-shrink:0}.select-all{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:0 16px;font-size:.95rem;font-weight:600;color:#4a4a4a;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all input[type=checkbox]{accent-color:#3b82f6}.select-all:hover{color:#2b2b2b}.select-all:after{content:"";flex:1;height:1px;background-color:#e5e7eb;margin-left:12px}.todos-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:10px;border-radius:12px;background-color:#fff;border:1px solid #6b6b6b;transition:all .2s ease;gap:12px;overflow-wrap:break-word}.todo-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001a}.todo-label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1 1 auto;min-width:0}.todo-label input[type=checkbox]{accent-color:#4a4a4a;flex-shrink:0}.todo-text{flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.todo-text.completed{text-decoration:line-through;color:#8c8c8c}.todo-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.todo-action-btn{display:inline-flex;align-items:center;gap:6px;background-color:transparent;border:1px solid #8c8c8c;color:#4a4a4a;padding:6px 12px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.todo-action-icon{font-size:.9rem;color:inherit}.todo-action-btn.edit{border-color:#3b82f6;color:#3b82f6}.todo-action-btn.edit:hover{background-color:#3b82f6;color:#fff}.todo-action-btn.edit:hover .todo-action-icon{color:#fff}.todo-action-btn.delete{border-color:#ef4444;color:#ef4444}.todo-action-btn.delete:hover{background-color:#ef4444;color:#fff}.todo-action-btn.delete:hover .todo-action-icon{color:#fff}@media(max-width:640px){.todo-item{flex-direction:column;align-items:flex-start;gap:8px}.todo-actions{width:100%;justify-content:flex-end}.todo-action-btn{padding:6px;border-radius:50%;width:38px;height:38px;justify-content:center}.todo-action-btn .todo-action-text{display:none}.todo-action-icon{font-size:1.1rem}}@media(max-width:640px){.todo-action-btn{padding:6px;border-radius:50%;width:38px;height:38px;justify-content:center}.todo-action-btn .todo-action-text{display:none}.todo-action-icon{font-size:1.1rem}.todo-item{flex-direction:column;align-items:stretch}.todo-label{align-items:flex-start}.todo-item .actions{align-self:flex-end;margin-top:6px}.todo-item .actions button{min-width:36px;min-height:36px}}.create-todo-form,.edit-todo-form{background-color:#fff;padding:18px 20px;border-radius:14px;margin-bottom:20px;border:1px solid #6b6b6b}.create-todo-form input,.edit-todo-form input,.create-todo-form textarea,.edit-todo-form textarea{width:100%;padding:10px 12px;margin-bottom:12px;border-radius:8px;border:1px solid #8c8c8c;font-size:1rem;color:#2b2b2b}.create-todo-form input::placeholder,.edit-todo-form input::placeholder{color:#8c8c8c}.create-todo-form button,.edit-todo-form button{background-color:#4a4a4a;color:#fff;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.create-todo-form button:hover,.edit-todo-form button:hover{background-color:#2b2b2b}.day-todos-page p{text-align:center;color:#6b6b6b;margin-top:20px}@media(max-width:640px){.create-todo-form,.edit-todo-form{padding:14px}}.app-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.app-modal{background:#fff;border-radius:16px;width:90%;max-height:85vh;overflow-y:auto;padding:20px 24px;position:relative;outline:none;animation:modalFade .2s ease-out}.app-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-modal-header h2{font-size:1.4rem;font-weight:600}.app-modal-close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#6b7280}.app-modal-close:hover{color:#ef4444}.app-modal-body{padding-top:4px}@keyframes modalFade{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-content{text-align:center;padding:20px}.confirm-modal-icon{font-size:40px;margin-bottom:10px}.confirm-modal-buttons{margin-top:20px;display:flex;justify-content:space-around}.confirm-modal-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;color:#fff;transition:.3s}.confirm-modal-button.cancel{background-color:#ccc;color:#333}.confirm-modal-button.cancel:hover{background-color:#b3b3b3}.confirm-modal-button.delete{background-color:#e74c3c}.confirm-modal-button.delete:hover{background-color:#c0392b}.confirm-modal-button.info{background-color:#3498db}.confirm-modal-button.info:hover{background-color:#2980b9}.confirm-modal-icon.delete{color:#e74c3c}.confirm-modal-icon.warning{color:#f39c12}.confirm-modal-icon.info{color:#3498db}.heartloader-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#00000080;position:fixed;top:0;left:0;width:100%;z-index:9999}.heartloader-container{position:relative;width:12rem;height:12rem;display:flex;justify-content:center;align-items:center}.heart-svg{position:absolute;width:100%;height:100%}.heart-border{fill:none;stroke:#555;stroke-width:1;animation:heart-flash 1s linear infinite}.heartbeat-svg{position:absolute;width:100%;height:50%;top:25%}.heartbeat-line{fill:none;stroke:#868686;stroke-width:2;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:heartbeat-line 1s linear infinite}@keyframes heartbeat-line{0%{stroke-dashoffset:200}70%{stroke-dashoffset:0}to{stroke-dashoffset:200}}@keyframes heart-flash{0%,69%{stroke:#555}70%,80%{stroke:red}81%,to{stroke:#555}}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0;flex-wrap:wrap;padding-top:2rem}.pagination-btn{min-width:36px;height:36px;padding:0 10px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6;cursor:default}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.note-form div{margin-bottom:12px}.note-form label{display:block;font-weight:600;margin-bottom:4px;color:#374151}.note-form input,.note-form textarea,.note-form select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827}.note-form textarea{min-height:120px;resize:vertical}.note-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.note-form .form-actions button{padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.note-form .form-actions button[type=submit]{background-color:#3b82f6;color:#fff}.note-form .form-actions button[type=submit]:hover{background-color:#2563eb;transform:translateY(-1px)}.note-form .form-actions button[type=button]{background-color:#f3f4f6;color:#374151}.note-form .form-actions button[type=button]:hover{background-color:#e5e7eb;color:#111827}.notes-subject-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}.notes-subject-card{background-color:#fff7f0;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;min-height:150px;max-width:300px}.notes-subject-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.notes-subject-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.notes-subject-name{font-weight:600;font-size:1rem;color:#3b2f2f;flex:1 1 auto;min-width:0;line-height:1.3;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.notes-subject-count{font-size:.85rem;color:#8c6142;background-color:#f0e4d8;padding:4px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.notes-subject-card-actions{display:flex;justify-content:flex-end}.notes-subject-btn{padding:8px 14px;font-weight:600;color:#fff;background-color:#a67c52;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.notes-subject-btn:hover{background-color:#8c6142;transform:translateY(-1px)}@media(max-width:768px){.notes-subject-card{max-width:none}}@media(max-width:480px){.notes-subject-cards-wrapper{grid-template-columns:1fr}.notes-subject-card{padding:14px}.notes-subject-card-header{flex-direction:row;align-items:flex-start;gap:8px}}.no-notes-text{font-size:.875rem;color:#8c6142;font-style:italic;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:8px}.note-view-page{max-width:800px;margin:40px auto;padding:40px;background-color:#fffdf8;border-radius:12px;box-shadow:0 10px 30px #0000001f;font-family:Georgia,Times New Roman,serif;line-height:1.6;color:#222;overflow:visible}.note-body{font-family:Georgia,serif;font-size:16px;line-height:1.6;color:#333;display:block;white-space:normal;max-width:100%;overflow-wrap:break-word;overflow:visible}.note-header{border-bottom:2px solid #eee;padding-bottom:20px;margin-bottom:30px}.note-header h2,.note-header p,.note-header .back-link{word-wrap:break-word;overflow-wrap:break-word}.note-header h2{font-size:2rem;margin-bottom:8px}.note-header p{font-size:.95rem;color:#555;margin:4px 0}.note-header .back-link{display:inline-block;margin-top:10px;text-decoration:none;color:#3b82f6;font-weight:600;transition:color .2s}.note-header .back-link:hover{color:#2563eb}.note-body{font-family:Georgia,serif;font-size:16px;line-height:1.6;color:#333;display:block;white-space:normal;max-width:100%;overflow-wrap:break-word}.note-body ul,.note-body ol{display:block;margin:0 0 1em 1.5em;padding:0;list-style-position:outside}.note-body li{display:list-item;margin-bottom:.5em}.note-body img{max-width:100%!important;height:auto!important;display:block}.note-body a{word-break:break-word;overflow-wrap:anywhere}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;margin:20px 0;-webkit-overflow-scrolling:touch}.table-wrapper table{width:max-content!important;max-width:none!important;border-collapse:collapse}.table-wrapper table,.table-wrapper table th,.table-wrapper table td{border:1px solid #ddd}.table-wrapper table th,.table-wrapper table td{padding:8px 12px}.table-wrapper table th{background-color:#f5f5f5;font-weight:700}.table-wrapper table tbody tr:nth-child(2n){background-color:#fafafa}.table-wrapper table tbody tr:hover{background-color:#f0f0f0}@media print{.note-view-page{box-shadow:none;margin:0;padding:20px}}.note-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.note-actions button,.note-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:none}.btn-preview{background-color:#3b82f6;color:#fff}.btn-preview:hover{background-color:#2563eb}.note-actions a{background-color:#16a34a;color:#fff}.note-actions a:hover{background-color:#15803d}.note-actions button:disabled,.note-actions a:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.note-actions{flex-direction:column;width:100%}.note-actions button,.note-actions a{width:100%;justify-content:center}}.note-header-actions{display:flex;gap:.5rem;margin-top:10px}.reader-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s}.reader-btn:hover{background-color:#2563eb;transform:scale(1.05)}.reader-btn.reading{background-color:#ef4444}.reader-btn.reading:hover{background-color:#b91c1c}.subject-list{max-width:700px;margin:40px auto;padding:24px 28px;border-radius:12px;font-family:Inter,system-ui,sans-serif;transition:transform .2s ease,box-shadow .2s ease}.subject-button-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px;gap:12px}.subject-button-container h2{font-size:1.6rem;color:#3b2f2f;font-weight:700;margin:0;flex:1 1 auto;min-width:0;white-space:normal}.subject-list-button{padding:8px 16px;font-size:.95rem;font-weight:600;background-color:#3b82f6;color:#fff;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .15s ease}.subject-list-button:hover{background-color:#2563eb;transform:translateY(-1px)}@media(max-width:480px){.subject-list{padding:16px}.subject-button-container{gap:8px}.subject-button-container h2{font-size:1.3rem}.subject-list-button{padding:6px 12px;font-size:.85rem;border-radius:8px}}@media(max-width:480px){.subject-list{padding:16px}.subject-list h2{font-size:1.3rem}.subject-list-button{padding:6px 12px;font-size:.85rem;border-radius:8px}}.subject-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:10px;border-radius:12px;background-color:#fff;border:1px solid #d1d5db;transition:all .2s ease}.subject-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.subject-item span.subject-name{font-weight:500;color:#111827;flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.subject-actions{display:flex;gap:8px;flex-shrink:0}.subject-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #8c8c8c;background-color:transparent;color:#4a4a4a;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.subject-action-btn .subject-action-icon{font-size:.9rem}.subject-action-btn .subject-action-text{display:inline}.subject-action-btn.edit{border-color:#3b82f6;color:#3b82f6}.subject-action-btn.edit:hover{background-color:#3b82f6;color:#fff}.subject-action-btn.delete{border-color:#ef4444;color:#ef4444}.subject-action-btn.delete:hover{background-color:#ef4444;color:#fff}@media(max-width:480px){.subject-item{flex-direction:column;align-items:flex-start;gap:8px}.subject-actions{justify-content:flex-start;width:100%}.subject-action-btn{width:auto}}.subject-form{background-color:#fff;padding:16px;margin-bottom:20px}.subject-form div{margin-bottom:12px}.subject-form label{display:block;font-weight:600;color:#374151;margin-bottom:4px}.subject-form input,.subject-form textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;color:#111827}.subject-form .actions{display:flex;gap:10px;justify-content:flex-end}.subject-form .actions button{padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.subject-form .actions button[type=submit]{background-color:#3b82f6;color:#fff}.subject-form .actions button[type=submit]:hover{background-color:#2563eb;transform:translateY(-1px)}.subject-form .actions button[type=button]{background-color:#f3f4f6;color:#374151}.subject-form .actions button[type=button]:hover{background-color:#e5e7eb;color:#111827}@media(max-width:640px){.subject-item{flex-direction:column;align-items:flex-start}.subject-item .subject-actions{margin-top:8px;width:100%;justify-content:flex-end}.subject-form .actions{flex-direction:column;gap:8px}.subject-form .actions button{width:100%}.subject-action-btn .subject-action-text{display:none}}.notes-list-container,.notes-page{max-width:1000px;margin:0 auto;padding:24px 16px;font-family:Inter,system-ui,sans-serif}.notes-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px;gap:12px}.notes-page-header h1{font-size:2rem;font-weight:700;color:#3b2f2f;margin:0}.add-note-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:600;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.add-note-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.notes-list-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;margin-top:20px}.notes-list-title{font-size:1.5rem;font-weight:700;color:#3b2f2f;margin:0;flex:1 1 auto;min-width:0;word-break:break-word;overflow-wrap:anywhere}.notes-add-note-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:600;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .15s ease;margin-left:auto}.notes-add-note-btn:hover{background-color:#2563eb;transform:translateY(-1px)}@media(max-width:640px){.notes-list-header{flex-direction:column;align-items:stretch}.notes-list-title{flex:1 1 100%;margin-bottom:8px}.notes-add-note-btn{flex:0 0 auto;width:auto;justify-content:center}}.notes-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;max-width:1000px;margin:0 auto}.notes-card{display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;padding:16px;background-color:#fff;box-shadow:0 2px 6px #0000000d;transition:transform .15s ease,box-shadow .15s ease;position:relative}.notes-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notes-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;flex-wrap:wrap}.notes-card-title{font-weight:600;font-size:1.1rem;word-break:break-word;overflow-wrap:anywhere;color:#92400e;flex:1 1 0;min-width:0}.notes-card-body{font-size:.9rem;color:#374151;margin-bottom:8px;max-height:150px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere}.notes-card-status{font-weight:600;font-size:.8rem;padding:4px 10px;border-radius:4px;white-space:nowrap;flex-shrink:0;position:relative;z-index:1;background:currentColor;color:#fff;clip-path:polygon(0% 0%,95% 0%,100% 25%,100% 75%,95% 100%,0% 100%);text-align:center}.notes-card-info{font-size:.85rem;color:#ff3c00;margin-bottom:8px}.notes-card-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.note-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;border:1px solid #8c8c8c;background-color:transparent;cursor:pointer;transition:all .2s ease;font-size:.9rem}.note-action-btn.edit{color:#3b82f6;border-color:#3b82f6}.note-action-btn.edit:hover{background-color:#3b82f6;color:#fff}.note-action-btn.delete{color:#ef4444;border-color:#ef4444}.note-action-btn.delete:hover{background-color:#ef4444;color:#fff}.note-action-btn.view{color:#10b981;border-color:#10b981}.note-action-btn.view:hover{background-color:#10b981;color:#fff}.empty-message{text-align:center;color:#6b7280;padding:16px 0;font-style:italic}.notes-card-status.active{background:#dbeafe;color:#1e40af}.notes-card-status.archived{background:#fef3c7;color:#92400e}.notes-card-status.learning{background:#e0f2fe;color:#0369a1}.notes-card-status.completed{background:#dcfce7;color:#166534}.notes-card-status.review{background:#fde2e2;color:#b91c1c}.flashcards-page{max-width:1000px;margin:0 auto;padding:24px 16px;font-family:Inter,system-ui,sans-serif}.flashcards-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;margin-top:20px}.flashcard-subject-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}@media(max-width:480px){.flashcard-subject-cards-wrapper{grid-template-columns:1fr}}.flashcard-subject-card{background-color:#fff7f0;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;min-height:150px;max-width:300px}@media(max-width:768px){.flashcard-subject-card{max-width:none}}.flashcard-subject-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.flashcard-subject-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.flashcard-subject-name{font-weight:600;font-size:1rem;color:#3b2f2f;flex:1 1 auto;min-width:0;line-height:1.3;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.flashcard-subject-count{font-size:.85rem;color:#8c6142;background-color:#f0e4d8;padding:4px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.flashcard-subject-card-actions{display:flex;justify-content:flex-end}.flashcard-subject-btn{padding:8px 14px;font-weight:600;color:#fff;background-color:#a67c52;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.flashcard-subject-btn:hover{background-color:#8c6142;transform:translateY(-1px)}@media(max-width:480px){.flashcard-subject-cards-wrapper{grid-template-columns:1fr}.flashcard-subject-card{padding:14px}.flashcard-subject-card-header{flex-direction:row;align-items:flex-start;gap:8px}}.no-flashcard-text{font-size:.875rem;color:#8c6142;font-style:italic;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:8px}.empty-message{text-align:center;font-style:italic;color:#8c6142;padding:24px 0;font-size:1rem}.flashcard-swiper-container{width:100%;display:flex;justify-content:center;flex-direction:column;padding:1rem 0}.mySwiper{width:100%;max-width:600px;min-height:70vh}@media(min-width:768px)and (max-width:1024px){.mySwiper{min-height:60vh}}.swiper-slide{display:flex;justify-content:center;align-items:center}.subject-flashcards-page{margin:0 auto;padding:2rem 1rem;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:2rem}.subject-flashcard-headers{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.back-link{align-self:flex-start;text-decoration:none;color:#344bbd;font-weight:500;font-size:.9rem;margin-left:0}.flashcards-subject-page-header,.flashcards-subject-back{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;box-sizing:border-box}.subject-flashcards-page header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.subject-flashcards-page header h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin:0}.add-flashcard-con{display:flex;justify-content:flex-end;padding:1.2em 1em}.add-flashcard-con button{font-size:16px;color:#1f2937;font-weight:700;padding:.7em 2em;border:2px solid #3b82f6;border-radius:4px;position:relative;background:#e0e7ff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.3s ease all;z-index:1;box-shadow:0 2px 6px #0000001a}.add-flashcard-con button:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.card{width:90%;max-width:600px;min-height:400px;perspective:1000px;margin:0 auto;border-radius:.6em;position:relative}.card-inner{position:relative;width:100%;min-height:400px;transform-style:preserve-3d;transition:transform .6s;border-radius:.6em;border:3px solid transparent;box-sizing:border-box;background-color:transparent}.card.flipped .card-inner{transform:rotateY(180deg)}.card.new .card-inner{border:3px solid #3b82f6;background-color:#dbeafe}.card.relearning .card-inner{border:3px solid #8b5cf6;background-color:#ede9fe}.card.review .card-inner{border:3px solid #16a34a;background-color:#dcfce7}.card.mastered .card-inner{border:3px solid #f59e0b;background-color:#fef3c7}.card.last-hard .card-inner{border-color:#ef4444}.card.last-good .card-inner{border-color:#16a34a}.card.last-easy .card-inner{border-color:#10b981}.front,.back{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;box-shadow:0 .4em 1.2em #1c1c1c14;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;overflow:hidden;background-color:transparent;text-align:center}.back{transform:rotateY(180deg)}.question-div,.answer-div{font-weight:500;overflow-wrap:break-word;width:100%;max-width:90%}.buttons-con{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.buttons-con svg,.buttons-con button{width:40px;height:40px;color:#3b82f6;cursor:pointer;transition:.2s ease}.buttons-con button{background:#f3f4f6;border:1px solid #3b82f6;border-radius:5px;font-weight:700;padding:.2em .5em}.buttons-con button:hover{background-color:#3b82f6;color:#fff}.flashcard-filters{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.flashcard-filters button{padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;color:#fff;background-color:#6b7280}.flashcard-filters button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.flashcard-filters button.all{background-color:#374151;color:#fff}.flashcard-filters button.new{background-color:#3b82f6;color:#fff}.flashcard-filters button.review{background-color:#16a34a;color:#fff}.flashcard-filters button.relearning{background-color:#8b5cf6;color:#fff}.flashcard-filters button.mastered{background-color:#f59e0b;color:#fff}.flashcard-filters button.due{background-color:#ef4444;color:#fff}.flashcard-filters button.active{outline:2px solid #000;transform:scale(1.05)}.flashcard-filters button.active{border:2px solid #111827;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.card-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.card-actions-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.deck-counter{font-weight:800;font-size:.9rem;color:#3b82f6}.card-actions{display:flex;gap:.6rem}.card-actions svg{width:22px;height:22px;cursor:pointer;transition:color .2s ease,transform .15s ease}.card-actions .icon-speak{color:#3b82f6}.card-actions .icon-speak:hover{color:#2563eb}.card-actions .icon-edit{color:#10b981}.card-actions .icon-edit:hover{color:#059669}.card-actions .icon-delete{color:#ef4444}.card-actions .icon-delete:hover{color:#dc2626}.card-actions svg:hover{transform:translateY(-1px)}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.review-actions button{padding:.5rem 0;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.review-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.btn-hard{background:#fee2e2;color:#991b1b}.btn-good{background:#e0e7ff;color:#1e40af}.btn-easy{background:#dcfce7;color:#166534}.flashcard-explanation{background-color:#e0e7ff;border-left:4px solid #3b82f6;padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;line-height:1.5;color:#1f2937;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;word-wrap:break-word}.explanation-label{font-weight:600;flex-shrink:0}.explanation-text{flex:1;min-width:0}.explanation-speaker{width:24px;height:24px;color:#3b82f6;cursor:pointer;flex-shrink:0;transition:.2s ease}.explanation-speaker:hover{color:#1e40af}@media(max-width:640px){.card{width:90%;min-height:350px}}@media(max-width:450px){body{font-size:14px}.card{width:95%}}.flashcard-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;font-size:.9rem}.flashcard-form input,.flashcard-form select,.flashcard-form textarea{padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:.95rem}.flashcard-form textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-primary{background:#2563eb;color:#fff;padding:8px 14px;border-radius:6px;border:none;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e5e7eb;padding:8px 14px;border-radius:6px;border:none;cursor:pointer}.custom-prev-button-home.hidden,.custom-next-button-home.hidden{display:none}.custom-prev-button-home,.custom-next-button-home{background:transparent;border:none;cursor:pointer;color:#344bbd;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:color .3s,transform .3s;display:block}.custom-prev-button-home{left:10px}.custom-next-button-home{right:10px}.custom-prev-button-home:hover,.custom-next-button-home:hover{color:#0d7bf1;transform:translateY(-50%) scale(1.1)}@media(max-width:768px){.custom-prev-button-home,.custom-next-button-home{display:none}}.card-swiper-container{position:relative;max-width:800px;margin:0 auto}.card-swiper{width:100%}.arrow-nav-container{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.arrow-nav-container button{pointer-events:all;background:transparent;border:none;cursor:pointer;transition:color .2s,transform .2s}.arrow-button.active{color:#344bbd}.arrow-button.disabled{color:#ccc;cursor:not-allowed}.arrow-button.active:hover{transform:scale(1.1);color:#0d7bf1}@media(max-width:700px){.arrow-nav-container{display:none}}.login-container{height:200vh;background-image:url(https://images.unsplash.com/photo-1732287919745-e9243f6e4125?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;background-repeat:no-repeat}.login-modal{position:fixed;left:0;bottom:0;width:100%;height:60px;background:#33333380;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.4s}.login-modal-container{display:flex;max-width:720px;width:100%;border-radius:10px;overflow:hidden;position:absolute;opacity:0;pointer-events:none;transition-duration:.3s;background:#fff;transform:translateY(100px) scale(.4)}.login-modal-title{font-size:26px;margin:0;font-weight:400;color:#55311c}.login-modal-desc{margin:6px 0 30px}.login-modal-left{padding:60px 30px 20px;background:#fff;flex:1.5;transition-duration:.5s;transform:translateY(80px);opacity:0}.login-modal-right{flex:2;font-size:0;transition:.3s;overflow:hidden}.login-modal-right img{width:100%;height:100%;transform:scale(2);object-fit:cover;transition-duration:1.2s}.login-is-open{height:100%;background:#333333d9}.login-is-open .login-modal-button{opacity:0}.login-is-open .login-modal-container{opacity:1;transition-duration:.6s;pointer-events:auto;transform:translateY(0) scale(1)}.login-is-open .login-modal-right img{transform:scale(1)}.login-is-open .login-modal-left{transform:translateY(0);opacity:1;transition-delay:.1s}.login-modal-buttons{display:flex;justify-content:space-between;align-items:center}.login-modal-buttons a{color:#3339;font-size:14px}.login-sign-up{margin:60px 0 0;font-size:14px;text-align:center}.login-sign-up a{color:#8c7569}.login-input-button{padding:8px 12px;outline:none;border:0;color:#fff;border-radius:4px;background:#8c7569;font-family:Arial,sans-serif;transition:.3s;cursor:pointer}.login-input-button:hover{background:#55311c}.login-input-label{font-size:11px;text-transform:uppercase;font-family:Arial,sans-serif;font-weight:600;letter-spacing:.7px;color:#8c7569;transition:.3s}.login-input-block{display:flex;flex-direction:column;padding:10px 10px 8px;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;transition:.3s}.login-input-block input{outline:0;border:0;padding:4px 0 0;font-size:14px;font-family:Arial,sans-serif}.login-input-block input::placeholder{color:#ccc;opacity:1}.login-input-block:focus-within{border-color:#8c7569}.login-input-block:focus-within .login-input-label{color:#8c7569cc}.login-icon-button{outline:0;position:absolute;right:10px;top:12px;width:32px;height:32px;border:0;background:none;padding:0;cursor:pointer}.login-scroll-down{position:fixed;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#7f645a;font-size:32px;font-weight:800;transform:translate(-50%,-50%)}.login-scroll-down svg{margin-top:16px;width:52px;fill:currentColor}@media(max-width:750px){.login-modal-container{width:90%}.login-modal-right{display:none}}.login-modal-button{color:#7d695e;font-family:Arial,sans-serif;font-size:18px;cursor:pointer;border:0;outline:0;padding:10px 40px;border-radius:30px;background:#fff;box-shadow:0 10px 40px #00000029;transition:.3s}.login-error{margin-top:.5rem;font-size:.875rem}.user-error{color:red}.system-error{color:orange}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#111827;color:#fff;position:relative;z-index:10;box-shadow:0 2px 4px #0000001a}.navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;transition:color .2s ease}.navbar-links{display:flex;gap:20px;align-items:center}.nav-link{color:#d1d5db;text-decoration:none;font-weight:500;padding-bottom:2px;transition:color .2s,border-bottom .2s}.nav-link:hover{color:#facc15}.nav-link.active{color:#facc15;border-bottom:2px solid #facc15}.nav-link-logout-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background-color:#bb2626;padding:6px 12px;border-radius:6px;font-weight:500;font-size:.9rem;transition:background-color .2s,transform .1s}.nav-link-logout-btn:hover{background-color:#eb0d0d;transform:scale(1.05)}.nav-link-logout-btn:active{transform:scale(.97)}.navbar-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}.mobile-logout{display:none}@media(max-width:640px){.navbar-links{position:absolute;top:60px;right:0;background-color:#111827;flex-direction:column;width:200px;padding:12px;border-radius:8px;box-shadow:0 4px 12px #0003;display:none}.navbar-links.open{display:flex}.navbar-toggle{display:block}.nav-link{padding:8px 0;border-bottom:1px solid #2c2c2c}.nav-link:last-child{border-bottom:none}.desktop-logout{display:none}.mobile-logout{display:inline-flex;margin-top:10px}}.navbar-logo-link{text-decoration:none;color:inherit}.navbar-logo{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{padding-bottom:60px}.unauthorized-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;text-align:center;padding:1rem}.unauthorized-title{font-size:6rem;font-weight:700;color:#ff4d4f;margin:0}.unauthorized-message{font-size:1.5rem;color:#555;margin:1rem 0 2rem}.unauthorized-button{padding:.75rem 1.5rem;background-color:#4a90e2;color:#fff;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.unauthorized-button:hover{background-color:#357ab8;transform:translateY(-2px)}@media(max-width:480px){.unauthorized-title{font-size:4rem}.unauthorized-message{font-size:1.2rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#020617);padding:1rem}.auth-card{width:100%;max-width:420px;background:#0f172ae6;border-radius:1.2rem;padding:2.5rem;box-shadow:0 25px 50px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{color:#f8fafc;font-size:1.6rem;margin-bottom:.3rem}.auth-subtitle{color:#94a3b8;font-size:.9rem;margin-bottom:1.5rem}.auth-card input{width:100%;padding:.8rem .9rem;margin-bottom:1rem;border-radius:.6rem;border:1px solid #334155;background:#020617;color:#f8fafc;outline:none;transition:border .2s,box-shadow .2s}.auth-card input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.auth-card button{width:100%;padding:.85rem;border-radius:.6rem;border:none;font-weight:600;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.auth-card button:hover{transform:translateY(-1px)}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecaca;padding:.6rem;border-radius:.5rem;margin-bottom:1rem}.auth-success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#bbf7d0;padding:.6rem;border-radius:.5rem;margin-bottom:1rem}.auth-footer{margin-top:1.2rem;text-align:center}.auth-footer a{color:#38bdf8;text-decoration:none;font-size:.85rem}.auth-footer a:hover{text-decoration:underline}.section-theme-1{width:100%;background:#f3fcf8}.section-theme-2{width:100%;background:#fff}.section-theme-3{width:100%;background:#fff4f4}.section-inner{max-width:1200px;margin:0 auto;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-section .section-inner{gap:2rem;text-align:center}@media(min-width:768px){.welcome-section .section-inner{flex-direction:row;text-align:left;gap:4rem}.welcome-section .welcome-text,.welcome-section .welcome-image{flex:1}.welcome-section .welcome-image img{max-width:100%;height:auto}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;width:100%}.dashboard-card{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s}.dashboard-card:hover{transform:translateY(-5px)}.dashboard-card .icon{font-size:2rem;margin-bottom:.5rem}.dashboard-card .card-image{width:80px;height:80px;object-fit:contain;margin:1rem 0}.dashboard-card .card-btn{background-color:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.dashboard-card .card-btn:hover{background-color:#4338ca}.subscribe-btn{background-color:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;transition:background .2s}.subscribe-btn:hover{background-color:#dc2626}.subscribe-btn.subscribed{background-color:gray;cursor:default}.features-container{max-width:1280px;margin:0 auto;padding:6rem 1.5rem}.features-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.feature-icon{font-size:1.875rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.feature-image{width:100%;height:150px;object-fit:cover;border-radius:.5rem;margin-bottom:1.5rem}.feature-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.feature-button{width:fit-content;padding:.5rem 1rem;background-color:transparent;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.feature-button:hover{background-color:#f9fafb;border-color:#10b981;color:#10b981}.primary-btn{padding:.875rem 2rem;background-color:#34d399;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #34d39940;transition:all .2s ease}.primary-btn:hover{background-color:#10b981;transform:translateY(-2px)}.btn{padding:.875rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;min-width:220px}.subscribe-btn{background-color:#1e90ff;color:#fff;border-color:#1e90ff}.subscribe-btn:hover:not(:disabled){opacity:.8}.unsubscribe-btn{background-color:#ff4d4f;color:#fff;border-color:#ff4d4f}.unsubscribe-btn:hover{opacity:.8}.btn.subscribed{background-color:#f0fdf4;color:#059669;border-color:#34d399;cursor:default}.hero-section{max-width:1280px;margin:0 auto;padding:6rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-title{display:flex;flex-direction:column;margin-bottom:1.5rem;line-height:1.2;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:#111827}.hero-greeting{align-self:flex-start;font-weight:600;font-size:1.2em}.hero-username{align-self:center;font-weight:900;font-size:1.4em;color:#10b981}.hero-description{font-size:1.25rem;color:#4b5563;line-height:1.7;max-width:clamp(250px,80%,500px);margin-bottom:2rem;text-align:justify}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{flex:1;width:100%;max-width:500px;margin:0 auto}.hero-image{width:100%;height:auto;border-radius:1.5rem;display:block;box-shadow:0 20px 40px #00000014}@media(max-width:640px){.hero-description{margin-bottom:1.5rem;text-align:left}}@media(min-width:1024px){.hero-section{flex-direction:row;text-align:left;gap:6rem}.hero-content{flex:1}.hero-visual{flex:1.2;max-width:700px;display:flex;justify-content:flex-end}.visual-container{padding:3rem;width:100%}}.support-section{padding:5rem 2rem;background-color:#84adff;display:flex;justify-content:center}.support-container{max-width:1200px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;align-items:stretch}.support-image{border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #00000014}.support-image img{width:100%;height:100%;object-fit:cover;display:block}.support-card{background-color:#272727;padding:3.5rem;border-radius:1rem;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.support-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0000001f}.support-title{font-size:2rem;font-weight:700;color:#fff}.support-form{display:flex;flex-direction:column;gap:1rem}.support-form input,.support-form textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;font-size:1rem}.support-form textarea{min-height:140px;resize:vertical}.support-form input:focus,.support-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.support-form button{margin-top:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;border:none;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.support-form button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.support-form button:disabled{background-color:#93c5fd;cursor:not-allowed}@media(max-width:900px){.support-container{grid-template-columns:1fr;gap:2.5rem}.support-image,.support-card{width:100%;max-width:520px;margin:0 auto}.support-image{background:#00000008;display:flex;justify-content:center}.support-image img{width:100%;height:auto;object-fit:contain}.support-card{padding:2.75rem 2rem}.support-title{text-align:center}}@media(max-width:600px){.support-section{padding:3.5rem 1.5rem}.support-card{padding:2rem 1.5rem}}