*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{max-width:1800px;padding:3.5vh 5vw;color:#fff;font-family:Poppins,Arial,Helvetica,sans-serif;background-color:#1a1a1a;margin-left:auto;margin-right:auto;line-height:1.4}.authPage{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem}.sign-box{width:min(460px,100%);background-color:#1f1f1f;border:1px solid rgba(99,102,241,.35);border-radius:24px;padding:3rem 2.4rem;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:1.8rem}.sign-box h2{font-size:3rem;line-height:1.1;letter-spacing:-.03em;margin:0}.sign-box form{display:flex;flex-direction:column;gap:1rem}.sign-box input{width:100%;border:1px solid hsl(0,0%,28%);background-color:#242424;color:#fff;border-radius:14px;padding:1.1rem 1.3rem;font-size:1.5rem;outline:none}.sign-box input::placeholder{color:#a3a3a3}.sign-box input:focus{border-color:#3381ff;box-shadow:0 0 0 4px #3b82f61f}.sign-box button{width:100%;margin-top:.4rem;background-color:#3381ff;color:#fff;border:none;border-radius:14px;padding:1.1rem 1.3rem;font-size:1.55rem;cursor:pointer;transition:background-color .2s ease}.sign-box button:hover{background-color:#1a71ff}.sign-box p{margin:0;font-size:1.4rem;color:#a8a8a8;text-align:center}.sign-box span.authLink{margin-left:.35rem;color:#3381ff;font-weight:600;cursor:pointer}.sign-box span.authLink:hover{text-decoration:underline}@media (prefers-color-scheme: light){body{color:#000;background-color:#f2f2f2}.sign-box{background-color:#fff;border-color:#3b82f633;box-shadow:0 24px 60px #0000001a}.sign-box input{background-color:#fafafa;color:#1f1f1f}.sign-box p{color:#707070}}.notification{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:9999;min-width:280px;max-width:90vw;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 56px #00000059}.notification p{margin:0;color:#fff;font-size:1.4rem;line-height:1.4}.notification.success{background-color:#10b981f2;border-color:#a7f3d0bf}.notification.error{background-color:#ef4444f2;border-color:#fecacabf}.notification button{background:transparent;border:none;color:#fff;font-size:1.7rem;cursor:pointer}nav{padding-bottom:25px;display:flex;align-items:center;position:relative}nav div{font-size:2.8rem}nav button{color:#fff;font-size:1.7rem;margin-left:auto;background-color:#3381ff;padding:8px 12px;border:none;border-radius:5px;outline:none}.navActions{margin-left:auto;display:flex;align-items:center;gap:.8rem}.addTaskButton{color:#fff;font-size:1.7rem;background-color:#3381ff;padding:8px 14px;border:none;border-radius:5px;cursor:pointer;outline:none}.profileWrapper{position:relative}.profileBtn{width:44px;height:44px;background-color:#3381ff;border:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;outline:none;color:#fff}.profileMenu{position:absolute;top:54px;right:0;min-width:200px;background-color:#1f1f1f;border:1px solid hsl(217,100%,60%);border-radius:10px;padding:1rem;box-shadow:0 16px 36px #00000059;z-index:10}.profileMenu p{margin:0 0 12px;font-size:1.8rem;color:#fff;word-break:break-all}.signOutBtn{width:100%;background-color:#3381ff;border:none;border-radius:6px;padding:10px 12px;color:#fff;font-size:1.45rem;cursor:pointer}.newTaskContainer{font-size:1.7rem;width:min(90vw,400px);border-radius:10px;background:#1e1f20;padding:3rem;display:flex;flex-direction:column;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;border:1px solid hsl(0,0%,30%)}.header{font-size:1.9rem;display:flex}.closeBtn{font-size:1.95rem;color:#fff;background:none;margin-left:auto;margin-right:5px;border:none;outline:none}.closer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.addTaskBtn{color:#fff;font-size:1.7rem;margin-left:auto;background-color:#3381ff;padding:8px 12px;border:none;border-radius:5px;outline:none}.newTaskContainer input,.newTaskContainer textarea{font-size:1.8rem;color:#fff;background-color:#1e1f20;border-radius:5px;outline:none;border:1px solid hsl(0,0%,50%);padding:8px 12px}.newTaskContainer input{height:40px}.newTaskContainer textarea{resize:vertical;overflow:auto;scrollbar-width:none;scroll-behavior:smooth}input:focus,textarea:focus{border-width:2px;border-color:#3381ff}@media (prefers-color-scheme: light){.newTaskContainer{background:#f2f2f2;border-color:#bfbfbf}.closeBtn{color:#000}.newTaskContainer input,.newTaskContainer textarea{color:#000;background-color:#ebebeb}}.noTasks{font-size:2.5rem;text-align:center;margin-top:20vh}#tasksContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.taskContainer{color:#e6e6e6;font-size:1.6rem;background-color:#333;padding:25px 20px 20px;border-radius:5px;text-wrap:wrap;border:1px solid hsl(0,0%,30%)}.title{display:flex;font-size:1.8rem;font-weight:700;margin-bottom:10px}.deleteBtn{color:red;background-color:#333;border:none;border-radius:5px;cursor:pointer}.editBtn{color:#fff;background-color:#333;border:none;margin-left:auto;margin-right:15px;cursor:pointer}@media (prefers-color-scheme: light){.taskContainer{color:#000;background-color:#fff;border-color:#d9d9d9}.deleteBtn{background-color:#fff}.editBtn{color:#000;background-color:#fff}}