.landing-page{height:100vh;width:100%;overflow-x:hidden;font-family:Arial,sans-serif;background-image:radial-gradient(circle 1100px at 82% 109.2%,#494cd4 .1%,#030132 100.2%);color:#fff;display:flex;flex-direction:column;align-items:center}.navbar{width:100%;background-color:#030132cc;padding:1rem;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navbar .logo{font-size:1.5rem;font-weight:700;padding-left:1vw}.navbar ul{list-style-type:none;margin:0;padding:0;display:flex;gap:20px}.navbar a{color:#fff;text-decoration:none;font-size:1rem;padding:.5rem 1rem;transition:color .3s ease}.navbar a:hover{color:#494cd4}.nav-auth-buttons{display:flex;gap:10px;padding-right:2vw}.nav-button{background-color:#494cd4;color:#fff;border:2px solid rgba(73,76,212,1);border-radius:5px;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.nav-button:hover{background-color:#fff;color:#494cd4}.hero-section{text-align:center;margin-top:100px;padding:2rem;animation:fadeIn 2s ease-in-out}.title{font-size:4rem;margin-bottom:1rem;color:#d8d8ec;text-shadow:0 0 10px rgba(73,76,212,.8);animation:float 3s ease-in-out infinite}.tagline{font-size:1.5rem;margin-bottom:2rem}.get-started-btn{background-color:#494cd4;color:#fff;border:2px solid rgba(73,76,212,1);border-radius:5px;padding:.75rem 2rem;font-size:1.3rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.get-started-btn:hover{background-color:#fff;color:#494cd4}.get-started{color:#fff;width:100%;height:100%}.get-started:hover{color:#494cd4}.features{display:flex;flex-direction:row;justify-content:center;gap:30px;padding:2rem}.feature-card{background:#030132cc;border-radius:10px;padding:1.5rem;text-align:center;width:300px;box-shadow:0 6px 12px #0006;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px #00000080}.feature-card h3{font-size:x-large;padding-bottom:1rem}.feature-image{max-width:100%;border-radius:8px;margin-top:1rem;animation:fadeIn 2s ease-in-out;width:10rem}.how-it-works,.our-vision,.testimonials{background:#030132b3;padding:2rem;border-radius:10px;margin:2rem;text-align:center}.how-it-works-content,.vision-content{display:flex;flex-direction:column;align-items:center;gap:20px}.step,.vision-step{background:#030132cc;border-radius:10px;padding:1rem;max-width:300px;box-shadow:0 6px 12px #0006;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step:hover,.vision-step:hover{transform:translateY(-10px);box-shadow:0 12px 24px #00000080}.step-image,.vision-image{max-width:100%;border-radius:8px;margin-top:1rem;animation:fadeIn 2s ease-in-out}.testimonial-card{background:#030132cc;border-radius:10px;padding:1rem;max-width:400px;margin:1rem auto;box-shadow:0 6px 12px #0006;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px #00000080}.footer{margin-top:2rem;text-align:center}.footer p{margin:0;padding:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}to{transform:translateY(-2px)}}*{margin:0;padding:0;font-family:Poppins,sans-serif}.header{background-image:linear-gradient(to bottom,#07263c,#062030,#051925,#01121a);color:azure;height:2.75rem;display:flex;justify-content:space-around;align-items:center}.header h2{font-weight:700}.nav-components ul{list-style:none;display:flex;gap:4vh;font-size:medium;cursor:pointer}.nav-components li:hover{color:#5658d3}.sidebar{border-top:20px solid black;background-image:linear-gradient(to left top,#0c2d48,#07263c,#062030,#051925,#01121a);width:270px;border:none;border-bottom-right-radius:5px;height:100vh;transition:transform .3s ease}.sidebar h3{font-size:medium;background-color:gray}.sidebar ul{list-style:none;font-size:medium;font-weight:500}.overview-options{padding-left:1rem;padding-top:.3rem;padding-bottom:.3rem;display:flex;flex-direction:column;gap:.3rem}.sidebar li{padding-left:.5rem;height:3rem;align-items:center;display:flex;justify-content:flex-start;padding-right:.5rem;color:#e0e0e0;opacity:1}.sidebar li:hover{-webkit-backdrop-filter:brightness(1.5);backdrop-filter:brightness(1.5);border-radius:5px;cursor:pointer;transform:translate(.25%,.25%)}.sidebar li svg{color:#e0e0e0}.closing-bar{background-color:#053b83;height:1.5rem;display:flex;justify-content:flex-end;padding-right:.25rem;align-items:center}.closing-bar svg{color:#fff}.closing-bar svg:hover{color:#dedede;transform:translate(5%,4%)}.profile-section{background-color:#01121a;display:flex;height:2.75rem;align-items:center;justify-content:space-between;padding-bottom:1rem;color:#e0e0e0;padding:.7rem;border-bottom:2px solid #0C2D48}.profile-section>svg{color:#7080a0;width:28px;height:28px}.notifications{display:flex}.notifications>svg{color:#7080a0;width:20px;height:20px}.notifications>svg:hover{color:#dedede;transform:translate(5%,4%)}.profile-section>svg:hover{color:#dedede;transform:translate(5%,4%)}.sidebar-username{padding-left:.5vw;color:#fff}.sidebar-options .projects-section,.organizations-section{-webkit-backdrop-filter:brightness(1.3);backdrop-filter:brightness(1.3);padding:0%;padding-left:.5rem;padding-right:.5rem;border-radius:0}.projects-section .add-project svg:hover{color:#dedede;transform:translate(1.5%,.75%)}.organizations-section .add-organization svg:hover{color:#dedede;transform:translate(1.5%,.75%)}.sidebar-options .projects-section:hover,.sidebar-options .organizations-section:hover{transform:translate(0)}.organization-list{padding-left:1rem;padding-top:.5rem;padding-right:.5rem;display:flex;gap:.3rem;flex-direction:column}.sidebar-options .organizations-section{display:flex;justify-content:space-between}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100%;max-width:400px;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{background:none;border:none;font-size:24px;cursor:pointer}.form-group{margin-bottom:15px}.input-field{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:5px}.modal-footer{display:flex;justify-content:flex-end}.cancel-button{background-color:#ccc;color:#000;padding:10px 20px;border:none;border-radius:4px;margin-right:10px;cursor:pointer}.submit-button{background-color:#494cd4;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.selected-organization{-webkit-backdrop-filter:brightness(1.8);backdrop-filter:brightness(1.8);padding:.7rem;cursor:pointer}.selected-project{cursor:pointer;border-radius:5px;-webkit-backdrop-filter:brightness(1.8);backdrop-filter:brightness(1.8)}.selected-overview{-webkit-backdrop-filter:brightness(1.75);backdrop-filter:brightness(1.75)}.organization-options{width:14rem;top:7%;left:13%;border-radius:7px;z-index:3;display:flex;flex-direction:column;background-color:#032535;position:absolute}.organization-options h3{text-align:center;padding:.8rem}.organization-li{padding-left:.5rem;height:3.25rem;align-items:center;display:flex;justify-content:flex-start;padding-right:.5rem;color:#e0e0e0;opacity:1;cursor:pointer}.organization-li:hover{-webkit-backdrop-filter:brightness(1.3);backdrop-filter:brightness(1.3);border-bottom-left-radius:7px;border-bottom-right-radius:7px}@media only screen and (max-width: 768px){.sidebar{width:80%}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.page{width:100%;background-color:#141f29}.inbox-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50px;background-color:#000;background-color:#0006;border:none;padding:0 20px;color:#fff;box-sizing:border-box;box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inbox-message{background-image:linear-gradient(to right top,#06263b,#072e47,#093752,#0a405f,#0a496b);color:#fff;display:flex;align-items:center;justify-content:space-between;width:80%;padding:1rem 1rem 1rem 1.5rem;border-radius:7px}.inbox-container{width:100%;display:flex;justify-content:center;padding-top:3rem}.inbox-container ul{width:100%;padding-left:5rem;gap:.5rem;display:flex;flex-direction:column;box-sizing:border-box}.btn-container{display:flex;gap:.5rem}.btn-container button{background-color:#092338;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}.btn-container button:hover{background-color:#041525;box-shadow:10px 10px 10px #0000001a;color:#fff;translate:1px 1px}.orghome-container{width:100%;height:100%;position:absolute}.org-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50px;background-color:#000;background-color:#0006;border:none;padding:0 20px;color:#fff;box-sizing:border-box;box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.org-main{display:flex;width:100%;height:100%;gap:5rem;box-sizing:border-box;padding:2rem;justify-content:space-around}.org-collaborators{width:33%;height:75%;color:#fff;display:flex;flex-direction:column;gap:1rem}.org-collaborators .invite-link{background-color:#0c2d48;box-sizing:border-box;padding:.75rem;border-radius:7px;display:flex;justify-content:space-between;align-items:center}.invite-link:hover{filter:brightness(1.25);transform:translate(.1%,.1%)}.invite-link svg:hover{transform:translate(1%,-1%);color:#cfcfcf;cursor:pointer}.org-collaborators ul{background-color:#0c2d48;height:45%;border-radius:7px;list-style:none;gap:.4rem;display:flex;flex-direction:column}.org-collaborators li{box-sizing:border-box;padding:.5rem .5rem .5rem 1rem}.org-collaborators li:hover{-webkit-backdrop-filter:brightness(1.3);backdrop-filter:brightness(1.3)}.org-collaborators h3{font-weight:600;background-color:#01121a;box-sizing:border-box;padding:.7rem;border-top-left-radius:7px;border-top-right-radius:7px}.org-tools ul{list-style:none;display:flex;gap:2.5rem}.org-tools li{width:225px;height:225px;color:#fff;font-weight:700;border-radius:10px;text-align:center;align-content:center}.kanban-option{background-image:linear-gradient(to bottom left,#2c3590,#222c7f,#18246e,#0e1c5e,#04144e)}.kanban-option:hover{background-image:linear-gradient(to bottom left,#222c7f,#18246e,#0e1c5e,#04144e);border:1px solid #2c3590}.todo-option{background-image:linear-gradient(to top right,#59064e,#701366,#872080,#9f2e9b,#b63cb7)}.todo-option:hover{background-image:linear-gradient(to top right,#59064e,#701366,#872080,#9f2e9b);border:1px solid #b63cb7}.whiteboard-option{background-image:linear-gradient(to top right,#093a3f,#075358,#056e70,#068988,#11a69f)}.whiteboard-option:hover{background-image:linear-gradient(to top right,#093a3f,#075358,#056e70,#068988);border:1px solid #11a69f}.org-overview{display:flex;flex-direction:column;height:85%;width:55%;justify-content:space-between}.org-projects-section{height:65%;color:#fff}.org-projects-section hr{opacity:.75;margin-top:.7rem}.org-projects-section ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.org-projects-section li{background-image:linear-gradient(to right top,#06263b,#072e47,#093752,#0a405f,#0a496b);padding:.9rem;border-radius:7px}.org-projects-section li:hover{filter:brightness(1.25);transform:translate(.1%,.1%)}.priority-section{background-color:#0c2d48;width:33%;border-radius:7px;height:65%}.priority-section h3{background-color:#01121a;box-sizing:border-box;padding:.7rem;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.priority-section ul{list-style:inside;display:flex;flex-direction:column;gap:.3rem;padding:1rem}.priority-section li{background-color:#0c2d48;padding:.5rem;border-radius:3px;color:#fff}.org-collaborators h3 svg:hover{transform:translate(2%,-2%);cursor:pointer;color:#cfcfcf}.kanban-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#141f29;box-shadow:0 0 10px #0000001a;overflow-x:scroll;position:absolute}.kanban-header-container{width:100%;position:relative}.kanban-container .kanban-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50px;background-color:#000;background-color:#0006;border:none;padding:0 20px;color:#fff;box-sizing:border-box;box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kanban-board{display:flex;flex-direction:row;gap:2rem;height:100%;border-radius:0 0 10px 10px}.kanban-board .kanban-sections{display:flex;list-style:none;gap:1rem;height:100%;padding-top:1rem;padding-left:1rem;position:absolute}.kanban-board li{width:300px;border-radius:7px;display:flex;gap:1rem;flex-direction:column}.kanban-card{gap:.5rem;display:flex;box-sizing:border-box;flex-direction:column;background-color:#0c2d48;border-radius:0 0 7px 7px;padding:.5rem}.kanban-card .todo{width:100%;background-color:#01121a;color:#fff;box-sizing:border-box;padding:.8rem;cursor:move}.todo:hover{border:1px solid #f5f5f5;cursor:move}.individual-section{width:274px}.individual-section h3{color:#fff;background-color:#0c2d48;font-size:medium;padding:.5rem 0rem .3rem .7rem;border-radius:7px 7px 0 0}.section-addition{background-color:#0c2d48;width:20%;height:3rem;color:#fff;box-sizing:border-box;border-radius:10px;align-items:center;display:flex;justify-content:center;padding-right:1rem}.section-addition:hover{border:2px solid #f5f5f5;transform:translate(-.5%,.5%)}.kanban-card h3{color:#fff}.add-task{text-align:center;color:#fff;padding:.5rem}.add-task:hover{transform:translate(-.5%,.5%);background-color:#0c4b68;border-radius:5px}.kanban-board-container{padding:1rem;overflow-x:auto}.details-modal-content{background-color:#141f29;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:40%;position:relative;color:#fff}.organization-select,.project-select{background-color:transparent;border:1px solid #ccc;color:#fff;font-size:16px;display:flex;align-items:center;border-radius:10px;box-sizing:border-box;padding:.3rem .5rem;transition:background-color .3s ease,border-color .3s ease;position:relative}.organization-select:hover,.project-select:hover{border-color:#888}.organization-select:focus,.project-select:focus{outline:none;border-color:#3e4a61;box-shadow:0 0 0 2px #3e4a6180}.organization-select option,.project-select option{background-color:#2a2a2a;color:#fff;padding:.5rem 1rem;border-radius:5px;margin:.2rem 0;cursor:pointer}.boards-li{color:#fff;cursor:pointer;background-color:#01121a;border-radius:10px;padding:.3rem .75rem}.selected-board-li{border:1px solid white;color:#fff;cursor:pointer;background-color:#01121a;border-radius:10px;padding:.3rem .75rem}.board-header{display:flex;background-color:#0c2d48;gap:2rem;align-items:center;height:3rem}.board-header h3{padding-left:1rem}.board-header ul{list-style:none;display:flex;gap:2rem;padding-left:3rem}::-webkit-scrollbar-track{background:#0c2d48}.close-button{align-self:self-start}.organization-option{background-color:#fff;color:#333;font-size:16px}.organization-option:hover{background-color:#007bff;color:#fff}.task-details-wrapper{display:flex;gap:3rem}.task-details-wrapper p{font-size:.9rem}.task-details-left{width:70%}.task-details-right{display:flex;justify-items:center;padding-top:5rem;flex-direction:column;gap:2rem}.task-details-right ul{list-style:none}.task-detail-options{-webkit-backdrop-filter:brightness(1.8);backdrop-filter:brightness(1.8);border-radius:7px;display:flex;width:9rem;height:2rem;align-items:center;font-size:.9rem;gap:.75rem;padding:.3rem .3rem .3rem .75rem}.task-detail-options:hover{-webkit-backdrop-filter:brightness(2);backdrop-filter:brightness(2)}.task-detail-options svg{width:22px;height:22px}.assign-modal{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:10px;background-color:#21384c;opacity:1;width:15rem;position:absolute;z-index:3}.assign-header-section{display:flex;gap:2rem;align-items:center}.assign-modal h3{font-size:1rem}.assign-modal-button{background-color:#141f29;color:#fff;border:none;width:50%;height:2rem;border-radius:5px;align-self:center}.assign-modal-button:hover{border:1px solid white}.assignee{background-color:#21384c;padding:.4rem .6rem;margin-top:5px;border-radius:5px;width:fit-content;display:flex;align-items:center}html{overflow:hidden}.sidebar-opener{position:relative;background-color:#010a0f}.sidebar-opener svg{height:100%;width:1rem;position:relative;color:#fff}.sidebar-opener svg:hover{color:#d9e0e6;transform:translate(5%)}.page-container{position:relative;width:100%;height:100%;display:flex}.login-page{background:radial-gradient(circle 1100px at 82% 109.2%,#494cd4 .1%,#030132 100.2%);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-container{display:flex;justify-content:center;align-items:center;width:100%}.login-card{background:#030132cc;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 6px 12px #0006;max-width:400px;width:100%}.login-card h2{font-size:2rem;color:#494cd4;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.input-group{text-align:left;width:100%}.input-group input{width:94%;padding:.75rem;border-radius:5px;border:1px solid rgba(73,76,212,1);outline:none;background:#ffffff1a;color:#fff;box-sizing:border-box}.login-btn{background-color:#494cd4;color:#fff;border:none;padding:.75rem;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:all .3s ease;align-self:center}.login-btn:hover{background-color:#fff;color:#494cd4}body,html{margin:0;padding:0;height:100%}.signup-page{background:radial-gradient(circle 1100px at 82% 109.2%,#494cd4 .1%,#030132 100.2%);display:flex;justify-content:center;align-items:center;height:100vh}.signup-container{display:flex;justify-content:center;align-items:center;width:100%}.signup-card{background:#030132cc;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 6px 12px #0006;max-width:400px;width:100%}.signup-title{font-size:2rem;color:#494cd4;margin-bottom:1rem}.signup-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px}.input-group{text-align:left}.input-group label{font-size:1rem;color:#fff;margin-bottom:.5rem;display:block}.input-group input{width:100%;padding:.75rem;border-radius:5px;border:1px solid rgba(73,76,212,1);outline:none;font-size:1rem;background:#ffffff1a;color:#fff}.signup-btn{background-color:#494cd4;color:#fff;border:none;padding:.75rem 2rem;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:all .3s ease;align-self:center}.signup-btn:hover{background-color:#fff;color:#494cd4}.login-link{margin-top:1rem;color:#fff;font-size:.9rem}.login-link a{color:#494cd4;text-decoration:none}.login-link a:hover{text-decoration:underline}.error-message{color:#fff}.onboard-page{background:radial-gradient(circle 1100px at 82% 109.2%,#494cd4 .1%,#030132 100.2%);display:flex;flex-direction:column;color:#fff;height:100vh;margin:0}.onboard-heading{display:flex;flex-direction:column;padding:3rem}.onboard-card{background:#030132cc;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 6px 12px #0006;max-width:400px;width:100%;align-self:center}.onmboard-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:350px}.org-type-select{width:100%;border-radius:5px;border:1px solid rgba(73,76,212,1);outline:none;font-size:1rem;background:#ffffff1a;color:#fff}.onboard-btn{background-color:#494cd4;color:#fff;border:none;padding:.5rem .75rem;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:all .3s ease;align-self:center;margin-top:1rem}.onboard-btn:hover{color:#494cd4cc;background-color:#fff}.onboard-form-btn-grp{display:flex;justify-content:space-between;padding-top:1rem}