body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Jost,sans-serif;background:linear-gradient(to bottom,#0f0c29,#302b63,#24243e)}.main{width:350px;height:500px;background:red;overflow:hidden;background:url(https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38) no-repeat center/ cover;border-radius:10px;box-shadow:5px 20px 50px #000}#chk{display:none}.signup{position:relative;width:100%;height:100%}label{color:#fff;font-size:2.3em;justify-content:center;display:flex;margin:60px;font-weight:700;cursor:pointer;transition:.5s ease-in-out}input{width:60%;height:20px;background:#e0dede;justify-content:center;display:flex;margin:5px auto;padding:10px;border:none;outline:none;border-radius:5px}button{width:60%;height:40px;margin:20px auto 10px;justify-content:center;display:block;color:#fff;background:#573b8a;font-size:1em;font-weight:700;outline:none;border:none;border-radius:5px;transition:.2s ease-in;cursor:pointer}button:hover{background:#6d44b8}.login{height:460px;background:#eee;border-radius:60%/10%;transform:translateY(-180px);transition:.8s ease-in-out}.login label{color:#573b8a;transform:scale(.6)}#chk:checked~.login{transform:translateY(-500px)}#chk:checked~.login label{transform:scale(1)}#chk:checked~.signup label{transform:scale(.6)}.nav-header{width:100%;position:fixed;top:0;left:0;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;z-index:1000;padding:16px 32px;box-sizing:border-box}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.nav-logo .logo-icon{font-size:24px;color:#6366f1}.logo-text{font-weight:400;color:#6366f1}.nav-menu{display:flex;gap:32px;font-weight:600;color:#111827}.nav-menu a{text-decoration:none;color:inherit}.nav-auth .logout-link{font-weight:600;text-decoration:none;color:#111827;display:flex;align-items:center}.container{padding:2rem;display:flex;justify-content:center;align-items:center;height:100vh}.button{display:flex;justify-content:center;align-items:center;padding:16px 32px;font-size:18px;font-weight:600;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;min-width:200px;max-width:300px;white-space:nowrap;box-sizing:border-box}.button:hover{background-color:#3b36c1}.task-form{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:600px;height:850px}.form-field{margin-bottom:17px}.form-field label{font-size:14px;margin-bottom:5px;display:block;color:#333;text-align:center}.form-field input,.form-field textarea{width:90%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px}textarea{margin-left:30px;width:90%;resize:vertical;height:150px}.submit-button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px}.submit-button:hover{background-color:#45a049}