*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.loading{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:1rem;color:#666;font-size:1.2rem;background-color:#f8f9fa}.loading:after{content:"";width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8E54E9;border-radius:50%;animation:spin 1s linear infinite}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:#333}a{text-decoration:none;color:#4776e6;transition:color .2s ease}a:hover{color:#8e54e9}input,textarea,select,button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#8e54e9}input:focus,textarea:focus,select:focus,button:focus{outline:none}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}.loading{font-size:1rem}.loading:after{width:40px;height:40px}}.profile-section{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.profile-avatar{width:50px;height:50px;background:linear-gradient(135deg,#4776e6,#8e54e9);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-section .profile-info{margin-top:12px;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:1rem;width:240px;border:1px solid #eee;animation:fadeInDown .3s ease}.profile-details h3{margin:0 0 6px;font-size:1rem;color:#333}.profile-details p{margin:0;font-size:.85rem;color:#666}.logout-button{margin-top:10px;width:100%;background-color:#ff4b2b;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.logout-button:hover{background-color:#e03e1f}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.profile-section .profile-info{width:90vw;padding:1rem}.profile-avatar{width:44px;height:44px;font-size:1.3rem}.logout-button{font-size:.85rem;padding:.5rem}}.dashboard{max-width:1200px;margin:0 auto;padding:1.5rem;font-family:Arial,sans-serif;animation:fadeIn .5s ease-out;position:relative;z-index:1}.dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-color:#fff}.pet-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:+2;opacity:.08;pointer-events:none}.animal{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dog-1{width:150px;height:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234776E6' d='M496 192h-48l-95.99-95.99c-17.67-17.67-41.16-27.45-66.01-27.45-14.16 0-28.39 3.17-41.56 9.94L192 128l-8.69-17.38c-5.09-10.19-12.84-18.75-22.55-24.69-9.71-5.95-20.89-9.08-32.33-9.08-4.43 0-8.96.48-13.41 1.44L11.37 96.38c-14.01 3.01-24.73 14.58-26.56 28.79C-17.32 146.23 4.97 176 29.7 176h82.21l-24.41 48.81C83.74 232.16 80 240.83 80 250.04c0 22.64 18.33 40.96 40.96 40.96 8.73 0 17.23-2.82 24.21-8l6.33-4.75 13.32 6.66c5.87 2.94 12.08 4.4 18.35 4.4 9.46 0 18.87-3.34 26.75-9.71l59.82-47.85 13.25 13.25c3.97 3.97 9.92 5.76 15.65 4.53 5.71-1.25 10.45-5.99 11.7-11.7 1.23-5.73-.56-11.68-4.53-15.65l-13.25-13.25 47.85-59.82c11.48-14.3 10.44-35.27-2.44-48.27L307.04 96h48.97L444.03 192H496c8.84 0 16 7.16 16 16v16c0 8.84-7.16 16-16 16h-48v192c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16V240h-48c-8.84 0-16-7.16-16-16v-16c0-8.84 7.16-16 16-16zM30.54 192c-7.37 0-13.55-5.54-14.41-12.86-.86-7.36 3.84-14.14 11.03-15.82l17.24-4.02c5.52-1.29 11.62.37 15.67 4.42s6.25 10.07 5.02 15.61l-3.7 16.65c-1.63 7.35-8.13 12.5-15.58 12.74-5.01.17-9.93-1.73-13.57-5.41-3.68-3.7-5.7-8.92-5.7-14.57V192zm361.5-112c0 8.84-7.16 16-16 16h-16c-8.84 0-16-7.16-16-16v-16c0-8.84 7.16-16 16-16h16c8.84 0 16 7.16 16 16v16z'/%3E%3C/svg%3E");top:15%;left:10%;animation-name:floatDog1;background-color:#000}.dog-2{width:180px;height:120px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%238E54E9' d='M298.06,224,448,277.55V496a16,16,0,0,1-16,16H368a16,16,0,0,1-16-16V384H192V496a16,16,0,0,1-16,16H112a16,16,0,0,1-16-16V282.09C58.84,268.84,32,233.66,32,192a32,32,0,0,1,64,0,32.06,32.06,0,0,0,32,32ZM544,112v32a64,64,0,0,1-64,64H448v35.58L320,197.87V48c0-14.25,17.22-21.39,27.31-11.31L374.59,64h53.63c10.91,0,23.75,7.92,28.62,17.69L464,96h64A16,16,0,0,1,544,112Zm-112,0a16,16,0,1,0-16,16A16,16,0,0,0,432,112Z'/%3E%3C/svg%3E");top:70%;right:5%;animation-name:floatDog2;background-color:#8e54e9}.cat-1{width:130px;height:90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234776E6' d='M290.59 192c-20.18 0-106.82 1.98-162.59 85.95V192c0-52.94-43.06-96-96-96-17.67 0-32 14.33-32 32s14.33 32 32 32c17.64 0 32 14.36 32 32v256c0 35.3 28.7 64 64 64h176c8.84 0 16-7.16 16-16v-16c0-17.67-14.33-32-32-32h-32l128-96v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V289.86c-10.29 2.67-20.89 4.54-32 4.54-61.81 0-113.52-44.05-125.41-102.4zM448 96h-64l-64-64v134.4c0 53.02 42.98 96 96 96s96-42.98 96-96V32l-64 64zm-72 80c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zm80 0c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z'/%3E%3C/svg%3E");bottom:20%;left:15%;animation-name:floatCat1;background-color:#4776e6}.cat-2{width:160px;height:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238E54E9' d='M448 96h-64l-64-64v134.4c0 53 43 96 96 96s96-43 96-96V32l-64 64zm-72 80c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm80 0c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm-165.7 48C291.7 247.9 256 296.3 256 352v136c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24V352c0-13.3-10.7-24-24-24s-24 10.7-24 24c0-53 43-96 96-96h30.8l9.6 12.8c9.5 12.7 29.1 13.5 39.9 1.6l41.6-46.2c8.7-9.7 8-24.5-1.6-33.2l-11.3-10.2c-9.7-8.7-24.5-8-33.2 1.6L418.9 185c-29.5-14.9-62.3-23-96.6-23-17.1 0-33.3 2.9-48.6 7.3l-14-34.9c-3.9-9.6-14.8-14.2-24.4-10.3C226.6 128 222 139 225.8 148.6l16.6 41.4c-26.2 14.7-47.7 36.2-62.3 62.4-2.1-23.9-12.9-47.1-33.9-63.5l-2.8-2.2c-8.3-6.4-19.4-7.6-29.2-3.9-9.4 3.7-16 11.7-18.2 21.2-2.2 9.5.5 19.1 7.3 26.7l1.7 1.9c12.1 13.6 31.1 18.9 49.2 16.8l4.2-.7c14.2-2.4 26.5 7.2 29.6 19.8.3 1.3.5 2.6.7 3.9-10.6-7.4-23.7-11.8-37.7-11.8C92.2 240 64 268.2 64 304v208h384V304c0-35.8-28.2-64-64-64zm32 208c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16zm-96-96c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16zm-96 96c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16zm-96-96c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16z'/%3E%3C/svg%3E");top:40%;right:15%;color:red;animation-name:floatCat2;background-color:#4776e6}.toy{width:50px;height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234776E6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3E%3C/svg%3E");top:30%;left:40%;animation-name:bounceToy;background-color:#2bff00}.food-bowl{width:70px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238E54E9' d='M344 288c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24zm96-144h-16V80c0-26.51-21.49-48-48-48H136c-26.51 0-48 21.49-48 48v64H72c-22.091 0-40 17.909-40 40v32c0 22.091 17.909 40 40 40h16v144c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48V272h16c22.091 0 40-17.909 40-40v-32c0-22.091-17.909-40-40-40zm-56 304H128c-8.801 0-16-7.2-16-16V80c0-8.801 7.199-16 16-16h256c8.801 0 16 7.199 16 16v352c0 8.8-7.199 16-16 16z'/%3E%3C/svg%3E");bottom:15%;right:30%;animation-name:rotateBowl;background-color:red}@keyframes floatDog1{0%,to{transform:translateY(0) rotate(0);opacity:.2}25%{transform:translateY(-50px) rotate(5deg);opacity:.3}50%{transform:translateY(-20px) rotate(-2deg);opacity:.4}75%{transform:translateY(-70px) rotate(0);opacity:.3}}@keyframes floatDog2{0%,to{transform:translateY(0) scale(1);opacity:.2}30%{transform:translateY(-40px) scale(1.05);opacity:.4}60%{transform:translateY(-15px) scale(.95);opacity:.3}80%{transform:translateY(-50px) scale(1);opacity:.2}}@keyframes floatCat1{0%,to{transform:translate(0) translateY(0) rotate(0);opacity:.2}25%{transform:translate(30px) translateY(-20px) rotate(3deg);opacity:.3}50%{transform:translate(60px) translateY(-5px) rotate(-2deg);opacity:.4}75%{transform:translate(20px) translateY(-40px) rotate(1deg);opacity:.3}}@keyframes floatCat2{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.3}33%{transform:translate(-50px) scale(1.1) rotate(-3deg);opacity:.2}66%{transform:translate(-20px) scale(.9) rotate(5deg);opacity:.4}}@keyframes bounceToy{0%,to{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-80px) scale(1.2) rotate(30deg);opacity:.3}}@keyframes rotateBowl{0%,to{transform:rotate(0) translate(0);opacity:.2}25%{transform:rotate(10deg) translate(20px);opacity:.3}75%{transform:rotate(-10deg) translate(-20px);opacity:.3}}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}header h2{margin:0;font-size:1.8rem;color:#333;font-weight:600;position:relative;transition:transform .3s}header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#4776e6,#8e54e9);border-radius:3px;transition:width .3s}header h2:hover:after{width:70px}.view-all{color:#4776e6;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s,transform .2s;display:inline-block;padding:.4rem .8rem;border-radius:8px}.view-all:hover{color:#8e54e9;transform:translateY(-2px);background-color:#8e54e90d}.calendar-section{margin-bottom:2rem;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.your-streaks{font-size:1.1rem;margin-bottom:.8rem;color:#444;font-weight:500}.calendar{background:linear-gradient(135deg,#4776e6,#8e54e9);color:#fff;border-radius:16px;padding:1.2rem;margin-bottom:1.5rem;box-shadow:0 8px 20px #4776e626;transition:transform .3s,box-shadow .3s}.calendar:hover{transform:translateY(-5px);box-shadow:0 12px 28px #4776e633}.month{text-align:center;font-weight:700;margin-bottom:1rem;font-size:1.2rem;letter-spacing:1px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.8rem;font-size:.8rem;opacity:.9}.days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;text-align:center}.day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;margin:0 auto;transition:transform .2s,background-color .2s}.day:hover{transform:scale(1.1);background-color:#fff3}.today{background-color:#fff;color:#8e54e9;font-weight:700;box-shadow:0 2px 8px #0000001a}.selected{border:2px solid white;position:relative}.selected:after{content:"";position:absolute;width:6px;height:6px;background-color:#fff;border-radius:50%;bottom:-2px;left:50%;transform:translate(-50%)}.reminders-container{margin-bottom:2rem;animation:fadeInStaggered .8s ease-out}@keyframes fadeInStaggered{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeSlot-section{margin-bottom:1.5rem;border-radius:12px;padding:1rem;box-shadow:0 3px 10px #00000014;transition:transform .3s,box-shadow .3s;background-color:#fff}.timeSlot-section:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.timeSlot-section h3{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:600;display:inline-block;position:relative}.timeSlot-section h3:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:3px;background:linear-gradient(90deg,#4776e6,#8e54e9);border-radius:3px}.reminder-card{background-color:#fff;border-radius:12px;padding:1.2rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000000f;position:relative;transition:transform .3s,box-shadow .3s;border-left:4px solid #8E54E9}.timeSlot-section:nth-of-type(1) .reminder-card{border-left:4px solid #ffc107;background-color:#ffc1070d}.timeSlot-section:nth-of-type(2) .reminder-card{border-left:4px solid #2196f3;background-color:#2196f30d}.timeSlot-section:nth-of-type(3) .reminder-card{border-left:4px solid #9c27b0;background-color:#9c27b00d}.reminder-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.pet-icon{display:flex;align-items:center;font-size:.95rem;color:#666;margin-bottom:.6rem}.pet-icon span{margin-left:8px;font-weight:500}.reminder-card h4{margin:5px 0 8px;font-size:1.2rem;color:#333}.reminder-details{display:flex;justify-content:space-between;color:#777;font-size:.85rem;margin-top:.8rem}.reminder-actions{position:absolute;top:1rem;right:1rem;display:flex}.reminder-actions button{background:none;border:none;cursor:pointer;margin-left:8px;color:#8e54e9;font-size:1.1rem;transition:transform .2s,color .2s;opacity:.7}.reminder-actions button:hover{transform:scale(1.2);color:#4776e6;opacity:1}.pending-goals,.completed-goals{margin-bottom:2rem;animation:fadeInStaggered 1s ease-out;border-radius:12px;padding:1rem;box-shadow:0 3px 10px #00000014;transition:transform .3s,box-shadow .3s}.pending-goals{background-color:#e91e630d;border-left:4px solid #e91e63}.completed-goals{background-color:#4caf500d;border-left:4px solid #4caf50}.pending-goals:hover,.completed-goals:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.pending-goals h3,.completed-goals h3{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:600;position:relative;display:inline-block}.pending-goals h3:after,.completed-goals h3:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:3px;background:linear-gradient(90deg,#4776e6,#8e54e9);border-radius:3px}.completed-reminder{position:relative;border-left:4px solid #4caf50;background-color:#4caf500d}.completed-reminder:before{content:"✓";position:absolute;top:.8rem;right:.8rem;width:24px;height:24px;background-color:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;animation:scaleIn .3s ease}.completed-reminder h4{text-decoration:line-through;color:#666}.no-reminders{padding:1rem;color:#666;text-align:center;font-style:italic;background-color:#00000005;border-radius:8px;margin:.5rem 0 1.5rem}.add-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4776e6,#8e54e9);color:#fff;font-size:28px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #4776e64d;transition:transform .3s,box-shadow .3s;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 5px 15px #4776e64d}50%{transform:scale(1.05);box-shadow:0 8px 20px #4776e666}to{transform:scale(1);box-shadow:0 5px 15px #4776e64d}}.add-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 25px #4776e680;animation:none}@media (max-width: 768px){.dashboard{padding:1.2rem}header h2{font-size:1.5rem}.calendar{padding:1rem}.day{width:32px;height:32px}.reminder-card{padding:1rem}}@media (max-width: 480px){.dashboard{padding:1rem .8rem}header h2{font-size:1.3rem}.days{grid-gap:3px}.day{width:28px;height:28px;font-size:.9rem}.reminder-card{padding:.8rem}.add-button{width:50px;height:50px;font-size:24px;bottom:1.5rem;right:1.5rem}}.add-reminder{max-width:700px;margin:0 auto;padding:1.5rem;font-family:Arial,sans-serif;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;animation:slideInFromTop .4s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.back-button,.save-button{background:none;border:none;font-size:1rem;cursor:pointer;transition:transform .2s,opacity .2s;padding:.5rem .8rem;border-radius:8px}.back-button{color:#666;font-size:1.2rem}.back-button:hover{background-color:#0000000d;transform:translate(-2px)}.save-button{color:#fff;font-weight:600;background:linear-gradient(90deg,#4776e6,#8e54e9);padding:.5rem 1.2rem}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4776e640}.save-button:active{transform:translateY(0)}.form-header h2{margin:0;font-size:1.4rem;text-align:center;color:#333;font-weight:600}.error-message{background-color:#ff52521a;color:#d32f2f;padding:.8rem 1rem;border-radius:8px;margin-bottom:1.2rem;border-left:4px solid #ff5252;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.form-section{margin-bottom:1.5rem;display:flex;gap:1rem}.form-section>.form-group{flex:1}.form-group{margin-bottom:1.2rem;transition:transform .2s}.form-group:focus-within{transform:translateY(-2px)}.form-group label{display:block;font-size:.9rem;color:#555;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.8rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s,box-shadow .3s;background-color:#f8f9fa}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#8e54e9;box-shadow:0 0 0 3px #8e54e933;outline:none}.form-group textarea{resize:vertical;min-height:100px}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;cursor:pointer}.select-wrapper:after{content:"▼";font-size:.8rem;color:#8e54e9;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .2s}.select-wrapper:hover:after{transform:translateY(-50%) scale(1.1)}.form-settings{background-color:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;flex-direction:column;box-shadow:0 4px 12px #00000008;border:1px solid #f0f0f0;transition:box-shadow .3s}.form-settings:hover{box-shadow:0 6px 16px #0000000f}.form-settings h3{margin-top:0;font-size:1.1rem;margin-bottom:1rem;color:#333;position:relative;display:inline-block}.form-settings h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#4776e6,#8e54e9);border-radius:3px}.loading{display:flex;justify-content:center;align-items:center;height:80vh;font-size:1.2rem;color:#666;position:relative}.loading:after{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #8E54E9;border-radius:50%;margin-left:10px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.add-reminder{max-width:90%;padding:1.2rem}.form-settings{padding:1.2rem}}@media (max-width: 480px){.add-reminder{max-width:95%;padding:1rem;border-radius:12px}.form-section{flex-direction:column;gap:0}.form-header h2{font-size:1.2rem}.form-group input,.form-group textarea,.form-group select{padding:.7rem}.form-settings{padding:1rem}.back-button,.save-button{padding:.4rem .7rem;font-size:.9rem}.save-button{padding:.4rem 1rem}}.auth-container{max-width:420px;margin:3rem auto;padding:2.5rem;border-radius:16px;box-shadow:0 8px 24px #0000001f;background:transparent;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .5s ease-out}.auth-container:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000026}.auth-container h2{margin-bottom:1.5rem;color:#333;font-size:1.8rem;text-align:center;font-weight:600;position:relative}.auth-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,#4776e6,#8e54e9);border-radius:3px}.auth-container .form-group{margin-bottom:1.5rem}.auth-container label{display:block;margin-bottom:.5rem;font-weight:500;color:#555;font-size:.95rem}.auth-container input{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s,box-shadow .3s;background-color:#f8f9fa}.auth-container .submit-button{width:100%;padding:.9rem;margin-top:1rem;background:linear-gradient(90deg,#4776e6,#8e54e9);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.auth-container .submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4776e64d}.auth-container .submit-button:active{transform:translateY(0)}.auth-container .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:left .6s}.auth-container .submit-button:hover:before{left:100%}.auth-container .submit-button:disabled{background:#b4b4b4;cursor:not-allowed;transform:none;box-shadow:none}.auth-container .error-message{padding:.8rem;margin-bottom:1.5rem;background-color:#ff52521a;border-left:4px solid #ff5252;color:#d32f2f;border-radius:4px;font-size:.9rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.auth-container .auth-link{margin-top:1.5rem;text-align:center;color:#666;font-size:.95rem}.auth-container .auth-link a{color:#4776e6;text-decoration:none;font-weight:600;transition:color .2s}.auth-container .auth-link a:hover{color:#8e54e9;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@media (max-width: 768px){.auth-container{max-width:90%;padding:2rem 1.5rem;margin:2rem auto}}@media (max-width: 480px){.auth-container{max-width:95%;padding:1.5rem 1rem;margin:1.5rem auto}.auth-container h2{font-size:1.5rem}.auth-container input{padding:.7rem}.auth-container .submit-button{padding:.8rem}}.auth-container form{position:relative;z-index:1}.password-strength{height:4px;margin-top:6px;border-radius:2px;transition:width .3s ease;background:#e0e0e0;position:relative;overflow:hidden}.password-strength-indicator{height:100%;border-radius:2px;transition:all .5s ease}.passwords-match{color:#4caf50;display:flex;align-items:center;font-size:.85rem;animation:fadeIn .3s ease-in;margin-top:4px}.passwords-match:before{content:"✓";margin-right:5px;font-weight:700;animation:scaleIn .3s ease}.auth-container input:focus{border-color:#8e54e9;box-shadow:0 0 0 3px #8e54e933;outline:none}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.registration-success{color:#4caf50;padding:12px;border-radius:8px;background-color:#4caf501a;text-align:center;animation:successPulse 1.5s infinite,fadeIn .5s}.auth-container .form-group{position:relative;margin-bottom:1.2rem}.auth-container .auth-link{margin-top:1.8rem;position:relative;padding-top:1.2rem}.auth-container .auth-link:before{content:"";position:absolute;top:0;left:25%;width:50%;height:1px;background:linear-gradient(to right,transparent,rgba(142,84,233,.3),transparent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.password-toggle{position:absolute;right:12px;top:38px;background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;z-index:2;transition:color .2s}.password-toggle:hover{color:#8e54e9}.auth-container input:focus+.focus-indicator{opacity:1;transform:scaleX(1)}.focus-indicator{position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#4776e6,#8e54e9);transform:scaleX(0);transform-origin:left;transition:transform .3s,opacity .3s;opacity:0;border-radius:2px}