:root{--color-primary:#0f766e;--color-primary-hover:#115e59;--color-secondary:#14b8a6;--color-accent:#6366f1;--gradient-primary:linear-gradient(135deg, #0f766e, #14b8a6);--gradient-premium:linear-gradient(135deg, #0f766e, #14b8a6, #6366f1);--gradient-hero:linear-gradient(135deg, #14b8a6, #a7f3d0);--color-background:#f8fafc;--color-surface:#fff;--color-surface-elevated:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-success:#6f9a8d;--color-success-light:#e7f5f1;--color-warning-light:#fef3c7;--color-warning:#f59e0b;--color-error-light:#fee2e2;--color-error:#dc2626;--color-action:#0f766e;--color-action-hover:#115e59;--shadow-card:0 6px 24px #0f766e14;--shadow-dialog:0 20px 60px #00000029;--shadow-fab:0 10px 30px #14b8a647;--radius-button:16px;--radius-card:20px;--radius-input:14px;--transition-fast:.18s ease-out;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-font-smoothing:grayscale;background:linear-gradient(#f8fafc 0%,#fff 45%,#f0fdfa 100%);margin:0;line-height:1.6}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,.card,input{transition:all var(--transition-fast)}button:hover{transform:translateY(-2px)}.card:hover{transform:translateY(-3px)}.navbar{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1rem 1.5rem;display:flex}.navbar__brand{flex-shrink:0;align-items:center;gap:.8rem;text-decoration:none;display:flex}.navbar__logo{width:52px;height:52px;transition:transform var(--transition-fast)}.navbar__brand:hover .navbar__logo{transform:rotate(-4deg)scale(1.06)}.navbar__title{letter-spacing:-.03em;color:var(--color-primary);font-family:Manrope,sans-serif;font-size:2rem;font-weight:700}.navbar__nav{border:1px solid var(--color-border);background:#f8fafc;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem;display:flex}.navbar__link{color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:999px;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none}.navbar__link:hover{color:var(--color-primary);background:#0f766e14;transform:translateY(-1px)}.navbar__link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 18px #0f766e38}.navbar__link.active:hover{background:linear-gradient(135deg,#115e59,#0f766e)}@media (width<=768px){.navbar{gap:1rem;padding:1rem}.navbar__logo{width:44px;height:44px}.navbar__title{font-size:1.6rem}.navbar__nav{justify-content:center;width:100%}.navbar__link{text-align:center;flex:1;padding:.8rem 1rem}.logout-button{width:100%}}.button{border-radius:var(--radius-button);cursor:pointer;min-height:48px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.55rem;padding:0 1.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button-full-width{width:100%}.button-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 30px #14b8a638}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#115e59,#0f766e);transform:translateY(-2px);box-shadow:0 14px 36px #14b8a64d}.button-primary:active:not(:disabled){transform:translateY(0)}.button-secondary{color:var(--color-primary);background:#f0fdfa;border:1px solid #14b8a62e}.button-secondary:hover:not(:disabled){border-color:var(--color-secondary);background:#ccfbf1;transform:translateY(-2px)}.button-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.button-outline:hover:not(:disabled){color:var(--color-primary-hover);border-color:var(--color-primary-hover);background:#0f766e14;transform:translateY(-2px)}.button-danger{background:var(--color-error);color:#fff;box-shadow:0 8px 22px #dc26262e}.button-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 12px 28px #dc262640}.button:focus-visible{outline:none;box-shadow:0 0 0 4px #14b8a62e}@media (width<=768px){.button{width:100%;min-width:0;padding:0 1.25rem;font-size:1rem}}.page-container{width:100%;max-width:1240px;margin:0 auto;padding:2rem;animation:.22s ease-out pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1440px){.page-container{max-width:1320px;padding:2.5rem}}@media (width<=1024px){.page-container{padding:1.75rem}}@media (width<=768px){.page-container{padding:1rem}}.error-message{background:var(--color-error-light);color:var(--color-error);border:1px solid #fecaca;border-left:4px solid var(--color-error);border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.1rem;font-size:.95rem;font-weight:500;line-height:1.6;display:flex}@media (width<=768px){.error-message{border-radius:12px;padding:.9rem 1rem;font-size:.9rem}}.login-page{background:radial-gradient(circle at top,#14b8a614,#0000 40%),linear-gradient(#f8fafc 0%,#fff 55%,#f0fdfa 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;max-width:460px;box-shadow:var(--shadow-dialog);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2.75rem}.login-logo{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.login-logo img,.login-logo-image{object-fit:contain;width:72px;height:72px;transition:transform var(--transition-fast);margin-bottom:1rem}.login-logo img:hover,.login-logo-image:hover{transform:scale(1.05)}.login-title{text-align:center;color:var(--color-primary);margin-bottom:.6rem;font-family:Manrope,sans-serif;font-size:2.2rem;font-weight:700}.login-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-button{margin-top:.5rem}.login-form input{width:100%}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary)}.success-message{color:var(--color-success);border-left:4px solid var(--color-success);background:#dcfce7;border-radius:14px;margin-bottom:1rem;padding:1rem}.login-footer{text-align:center;color:var(--color-text-secondary);margin-top:1.75rem}.login-footer a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600}.login-footer a:hover{color:var(--color-primary-hover)}.login-form input{border:1px solid var(--color-border);border-radius:12px;outline:none;width:100%;padding:.9rem 1rem;font-size:1rem;transition:border-color .2s}.login-form input:focus{border-color:var(--color-primary)}.login-button{background:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:.95rem}.login-button:hover{background:var(--color-primary-hover)}@media (width<=768px){.login-page{padding:1.25rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}.login-logo img,.login-logo-image{width:64px;height:64px}}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--color-text);margin-bottom:.35rem;font-size:1.5rem;font-weight:600;line-height:1.2}.dashboard-header p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.5}@media (width<=768px){.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{margin-bottom:.3rem;font-size:1.3rem;line-height:1.3}.dashboard-header p{font-size:.95rem;line-height:1.5}}.loading-spinner{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;display:flex}.spinner{border:4px solid #d1fae5;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spinnerRotate}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@media (width<=768px){.loading-spinner{padding:2rem 0}.spinner{border-width:3px;width:34px;height:34px}}.empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.empty-state h2{color:var(--color-text);margin:1rem 0 .5rem;font-family:Manrope,sans-serif;font-size:1.8rem;font-weight:700}.empty-state p{max-width:460px;color:var(--color-text-secondary);line-height:1.7}.empty-state svg{width:72px;height:72px;color:var(--color-secondary);opacity:.9;margin-bottom:.5rem}.empty-state .button{margin-top:2rem}@media (width<=768px){.empty-state{padding:3rem 1rem}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:.95rem;line-height:1.6}.empty-state svg{width:60px;height:60px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);margin-bottom:1.5rem;padding:1.5rem}.card:hover{border-color:#14b8a647;transform:translateY(-3px);box-shadow:0 14px 36px #0f766e1a}.card h2{color:var(--color-text);margin-bottom:1rem;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.3}.card p{color:var(--color-text-secondary);line-height:1.65}@media (width<=768px){.card{border-radius:18px;margin-bottom:1.25rem;padding:1.25rem}}.task-card{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1rem 0;display:flex}.task-card:not(:last-child){border-bottom:1px solid var(--color-border)}.task-card__content{flex:1}.task-card__content h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.35rem;font-weight:600;line-height:1.4}.task-card__content p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:1.05rem;line-height:1.5}.task-card__content small{color:var(--color-text-secondary);font-size:.95rem;display:block}.status{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:.4rem .9rem;font-size:.95rem;font-weight:600;display:inline-flex}.status.pending{background:var(--color-warning);color:var(--color-surface)}.status.completed{background:var(--color-success);color:var(--color-surface)}.status.overdue{background:var(--color-warning);color:var(--color-surface)}.status.skipped{color:#475569;background:#eef2f7}.status.cancelled{color:#991b1b;background:#fee2e2}.task-card__actions{justify-content:flex-end;align-items:center;min-width:130px;display:flex}@media (width<=768px){.task-card{flex-direction:column;gap:1rem}.task-card__actions{width:100%;min-width:unset;justify-content:flex-start}.task-card{gap:.85rem;padding:.9rem 0}.task-card__content h3{font-size:1.15rem;line-height:1.35}.task-card__content p{font-size:.95rem;line-height:1.45}.task-card__content small{font-size:.85rem}.status{min-width:82px;padding:.35rem .8rem;font-size:.82rem}.task-card__actions{margin-top:.25rem}.task-card__actions button{width:100%}}.page-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.page-header-content{flex-direction:column;gap:.4rem;display:flex}.page-header-title{letter-spacing:-.03em;color:var(--color-text);margin:0;font-family:Manrope,sans-serif;font-size:2rem;font-weight:700;line-height:1.2}.page-header-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0;font-size:1rem;line-height:1.6}.page-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (width<=1024px){.page-header-title{font-size:1.75rem}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.page-header-title{font-size:1.6rem}.page-header-subtitle{font-size:.95rem;line-height:1.5}.page-header-actions{justify-content:stretch;width:100%}.page-header-actions>*{flex:1}}.confirm-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a47;justify-content:center;align-items:center;padding:1.5rem;animation:.18s ease-out dialogFade;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;max-width:440px;box-shadow:var(--shadow-dialog);flex-direction:column;gap:1.25rem;padding:1.75rem;animation:.22s ease-out dialogScale;display:flex}.confirm-dialog-title{color:var(--color-text);margin:0;font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.confirm-dialog-message{color:var(--color-text-secondary);margin:0;line-height:1.7}.confirm-dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}@keyframes dialogFade{0%{opacity:0}to{opacity:1}}@keyframes dialogScale{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.confirm-dialog-backdrop{padding:1rem}.confirm-dialog{gap:1rem;max-width:100%;padding:1.5rem}.confirm-dialog-title{font-size:1.25rem}.confirm-dialog-message{font-size:.95rem}.confirm-dialog-actions{flex-direction:column-reverse;gap:.75rem}.confirm-dialog-actions button{width:100%}}.badge{white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex}.badge-default{color:var(--color-text-secondary);background:#f3f4f6;border-color:#e5e7eb}.badge-success{color:var(--color-success);background:#dcfce7;border-color:#bbf7d0}.badge-warning{color:var(--color-warning);background:#fef3c7;border-color:#fcd34d}.badge-danger{color:var(--color-error);background:#fee2e2;border-color:#fecaca}.badge-info{color:var(--color-primary);background:#e6fffb;border-color:#99f6e4}@media (width<=768px){.badge{padding:.35rem .7rem;font-size:.8rem}}.task-item{flex-direction:column;gap:1rem;display:flex}.task-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.task-description{color:var(--color-text-secondary);margin:0;font-size:1.1rem;line-height:1.5}.task-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.task-due-date{color:var(--color-text-secondary);font-size:1.1rem}.task-form-actions{gap:.75rem;display:flex}@media (width<=768px){.task-item{gap:.85rem}.task-item-header{flex-direction:column;gap:.75rem}.task-title{font-size:1.3rem;line-height:1.35}.task-description{font-size:1rem;line-height:1.5}.task-meta{gap:.5rem}.task-due-date{font-size:.95rem}.task-form-actions{flex-direction:column;gap:.75rem}.task-form-actions button{width:100%}}.task-list{flex-direction:column;gap:1rem;display:flex}.task-search{margin:1.5rem 0 2rem}.task-search input{background:var(--color-surface);width:100%;max-width:340px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:.9rem 1rem;font-family:inherit;font-size:1rem}.task-search input::placeholder{color:var(--color-text-secondary)}.task-search input:hover{border-color:#cbd5e1}.task-search input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #14b8a626,0 8px 24px #0f766e14}@media (width<=768px){.task-search{margin:1.25rem 0 1.5rem}.task-search input{max-width:100%;padding:.85rem 1rem;font-size:1rem}}.task-form{flex-direction:column;gap:1.5rem;display:flex}.task-form-group{flex-direction:column;gap:.5rem;display:flex}.task-form-group label{color:var(--color-text);font-weight:600}.task-form input,.task-form textarea,.task-form select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font:inherit;border-radius:14px;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.task-form textarea{resize:vertical;min-height:110px;padding-top:.9rem}.task-form input::placeholder,.task-form textarea::placeholder{color:var(--color-text-secondary)}.task-form input:hover,.task-form textarea:hover,.task-form select:hover{border-color:#cbd5e1}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #14b8a626,0 8px 24px #0f766e14}.task-checkbox{cursor:pointer;color:var(--color-text);align-items:center;gap:.75rem;font-weight:500;display:inline-flex}.task-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);box-shadow:none;margin:0}.task-checkbox input:focus{box-shadow:none}.task-form-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}@media (width<=768px){.task-form{gap:1.25rem}.task-form input,.task-form textarea,.task-form select{font-size:16px}.task-form textarea{min-height:120px}.task-checkbox{align-items:flex-start;line-height:1.5}.task-form-actions{flex-direction:column}}.recurrence-form{flex-direction:column;gap:1.5rem;display:flex}.recurrence-title{color:var(--color-text);margin:0;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:700}.recurrence-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text);font-weight:600}.form-group input,.form-group select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font:inherit;border-radius:14px;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:var(--color-text-secondary)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #14b8a626,0 8px 24px #0f766e14}.interval-row{align-items:center;gap:.75rem;display:flex}.interval-row input{width:90px}.interval-row span{color:var(--color-text-secondary);font-weight:500}.weekday-selector{flex-wrap:wrap;gap:.75rem;display:flex}.weekday-chip{border:1px solid var(--color-border);background:var(--color-surface);width:42px;height:42px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.weekday-chip:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #0f766e1a}.weekday-chip.active{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));border-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #0f766e2e}.weekday-chip:focus-visible{outline:none;box-shadow:0 0 0 4px #14b8a62e}@media (width<=768px){.recurrence-form{gap:1.25rem}.recurrence-title{font-size:1.1rem}.recurrence-grid{grid-template-columns:1fr;gap:.9rem}.form-group input,.form-group select{padding:.9rem 1rem;font-size:16px}.interval-row{flex-direction:column;align-items:stretch;gap:.6rem}.interval-row input{width:100%}.weekday-selector{justify-content:center;gap:.6rem}.weekday-chip{width:40px;height:40px;font-size:.9rem}}.task-details{background:0 0;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 120px);display:flex}.task-history-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.task-history-card:hover{border-color:#14b8a640;transform:translateY(-2px);box-shadow:0 10px 28px #0f766e14}.task-history-date{color:var(--color-text);font-size:.95rem;font-weight:500}.task-history-status{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.task-history-status.completed{color:var(--color-success);background:#dcfce7}.task-history-status.pending{color:var(--color-primary);background:#e6fffb}.task-history-status.overdue{color:var(--color-warning);background:#fef3c7}.task-history-status.skipped{color:var(--color-text-secondary);background:#f3f4f6}.task-history-status.cancelled{color:var(--color-error);background:#fee2e2}@media (width<=768px){.task-details{gap:1rem;min-height:auto;padding-bottom:1rem}.task-history-card{border-radius:14px;gap:.75rem;padding:1rem}.task-history-date{word-break:break-word;font-size:.9rem;line-height:1.4}.task-history-status{flex-shrink:0;min-width:80px;padding:.3rem .65rem;font-size:.75rem}}.onboarding{background:radial-gradient(circle at top,#14b8a61a,#0000 40%),linear-gradient(#f8fafc 0%,#fff 55%,#f0fdfa 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.onboarding-image{width:100%;max-width:440px;height:auto;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #14b8a61f;border-radius:24px;box-shadow:0 18px 45px #0f766e1f}.onboarding-image:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0f766e29}.skip-button{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.95rem;font-weight:600;position:absolute;top:24px;right:24px}.skip-button:hover{color:var(--color-primary)}.dots{gap:10px;margin:2rem 0;display:flex}.dot{width:10px;height:10px;transition:all var(--transition-fast);background:#d1d5db;border-radius:999px}.dot.active{background:var(--gradient-primary);width:30px;box-shadow:0 4px 14px #14b8a640}.next-button{border-radius:var(--radius-button);background:var(--gradient-primary);color:#fff;cursor:pointer;min-height:48px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:none;padding:0 2rem;font-size:1rem;font-weight:600;box-shadow:0 10px 30px #14b8a63d}.next-button:hover{background:linear-gradient(135deg,#115e59,#0f766e);transform:translateY(-2px);box-shadow:0 14px 36px #14b8a64d}.next-button:active{transform:translateY(0)}@media (width<=768px){.onboarding{padding:1.5rem}.onboarding-image{max-width:100%}.next-button{width:100%;max-width:340px}}