*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.header-container{background-color:#f8f9fa;padding:13px 19px;box-shadow:0 4px 8px #a762621a;position:sticky;top:0;width:100%;z-index:1000}.nav{display:flex;justify-content:space-between;align-items:center}.logo img{width:90px;height:60px;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;gap:25px;list-style-type:none}.nav-links ul{display:flex;gap:25px;list-style-type:none;padding-left:0;margin:0}.nav-links a{text-decoration:none;color:#000;font-size:16px;font-weight:700;position:relative}.nav-links a:after{content:"";display:block;height:2px;background:#28a745;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0);transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1)}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px}.hamburger .bar{width:25px;height:3px;background-color:#000}.nav-links-mobile{display:none;position:absolute;top:60px;left:0;right:0;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px 0;z-index:10;box-shadow:0 4px 8px #0000001a}.nav-links-mobile a{padding:10px 0;width:100%;text-align:center;border-bottom:1px solid #ddd}@media screen and (max-width: 768px){.nav-links{display:none}.hamburger,.nav-links-mobile{display:flex}}.hero-section-custom{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;height:100vh;padding:20px 60px;background:linear-gradient(to bottom right,#fff,#e0f7fa);color:#333;position:relative}.hero-text-custom{flex:1;max-width:45%;text-align:left;padding-right:20px}.hero-text-custom h1{font-size:2.6rem;font-weight:700;color:#2c3e50;margin-bottom:20px;line-height:1.3;transition:color .3s ease}.hero-text-custom p{font-size:1.2rem;color:#555;margin-bottom:30px;line-height:1.6}.hero-buttons-custom{display:flex;gap:10px}.hero-buttons-custom button{padding:12px 30px;font-size:1.1rem;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 10px #0003}.btn-student-custom{background-color:#28a745}.btn-teacher-custom{background-color:#007bff}.hero-buttons-custom button:hover{transform:translateY(-3px);box-shadow:0 10px 15px #0003}.hero-image-custom{flex:1;max-width:60%;text-align:center}.hero-image-custom img{width:90%;height:auto;max-width:500px;transform:rotate(-3deg);transition:transform .3s ease}.hero-image-custom img:hover{transform:rotate(0)}@media screen and (max-width: 1024px){.hero-section-custom{padding:20px 40px;flex-direction:column-reverse;height:auto;text-align:center}.hero-text-custom{max-width:100%;padding:0}.hero-text-custom h1{font-size:2.5rem;margin-bottom:15px}.hero-text-custom p{font-size:1rem;margin-bottom:20px}.hero-buttons-custom{justify-content:center;flex-direction:row;gap:15px}.hero-image-custom{max-width:80%;margin-bottom:20px}.hero-image-custom img{max-width:100%}}@media screen and (max-width: 768px){.hero-section-custom{padding:22px;flex-direction:column-reverse;text-align:center}.hero-text-custom h1{font-size:1.8rem;margin-bottom:24px;margin-top:15px}.hero-text-custom p{font-size:1rem;margin-bottom:30px;line-height:1.5}.hero-buttons-custom{justify-content:center;flex-direction:row;gap:5px}.hero-buttons-custom button{padding:10px 20px;font-size:1rem;width:auto;margin:0}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(to bottom right,#fff,#e0f7fa);height:100vh}.login-heading{font-size:32px;color:#333;margin-bottom:10px;text-align:center}.login-subheading{font-size:18px;color:#777;margin-bottom:40px;text-align:center}.content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:1200px}.image-container{flex:1;display:flex;justify-content:center;align-items:center;margin-right:20px}.attendance-image{max-width:100%;height:370px;border-radius:10px}.form-container{flex:1;background-color:#fff;padding:40px;box-shadow:0 5px 15px #0000001a;border-radius:10px}.form{display:flex;flex-direction:column}.form h2{color:#2196f3;font-size:24px;margin-bottom:20px;text-align:center}.form label{font-size:16px;color:#333;margin-bottom:5px}.input-field{padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:16px;color:#333;box-sizing:border-box}.button{padding:15px;background-color:#1e88e5;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .3s ease;width:100%}.button:hover{background-color:#1565c0}.error-message{color:red;margin-bottom:15px;font-size:14px;text-align:center}.form-switch{margin-top:20px;text-align:center;font-size:16px}.form-switch-link{color:#1e88e5;cursor:pointer;font-weight:500}.form-switch-link:hover{text-decoration:underline}@media (max-width: 768px){.content-wrapper{flex-direction:column;align-items:center}.image-container{display:none;margin-right:0}.form-container{width:90%;margin:0}}.board-container{padding:20px;display:flex;justify-content:center;flex-direction:column}.board-title{text-align:center;margin-top:20px;font-size:2rem;font-weight:700}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px;margin-top:20px}.section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;box-shadow:0 4px 8px #0000001a;position:relative}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.task-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:10px;position:relative;box-shadow:0 2px 4px #0000001a}.task-title{font-size:1rem;font-weight:500;margin-bottom:5px}.task-history{font-size:.875rem;color:#666}.history-title{font-weight:700;margin-bottom:5px}.history-list{list-style-type:none;padding:0;margin:0}.history-list li{margin-bottom:5px}.section[data-section=todo]{background-color:#e9f5e9}.section[data-section=inProgress]{background-color:#fef5e9}.section[data-section=completed]{background-color:#e9f9fe}.add-task-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s;width:100%;text-align:center}.add-task-button:hover{background-color:#0056b3}.delete-task-button{padding:5px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.875rem;transition:background-color .3s}.delete-task-button:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;max-width:500px;width:90%;position:relative}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:15px}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:700}.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cancel-button{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.cancel-button:hover{background-color:#5a6268}.submit-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}@media (max-width: 600px){.board-title{font-size:1.5rem}.section-grid{grid-template-columns:1fr}.signout-button{font-size:.875rem;padding:8px 16px}.section-title{font-size:1.25rem}.task-card{padding:8px}.task-title,.history-title{font-size:.875rem}.add-task-button{font-size:.875rem;padding:8px}}@media (min-width: 601px) and (max-width: 900px){.section-grid{grid-template-columns:repeat(2,1fr)}.board-title{font-size:1.75rem}.section-title{font-size:1.35rem}.task-card{padding:10px}.task-title,.history-title{font-size:1rem}.add-task-button{font-size:1rem;padding:10px 15px}}@media (min-width: 901px){.section-grid{grid-template-columns:repeat(3,1fr)}.board-title{font-size:2rem}.section-title{font-size:1.5rem}.task-card{padding:15px}.task-title,.history-title{font-size:1.25rem}.add-task-button{font-size:1rem;padding:15px 20px}}.signout-button{position:absolute;top:20px;right:20px;padding:10px 20px;background-color:#ff5b5b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.signout-button:hover{background-color:#e14d4d}@media (max-width: 600px){.board-title{font-size:1.5rem;margin-bottom:50px}.signout-button{position:static;display:block;margin:0 auto 10px;width:auto;text-align:center}}.about-page-container{font-family:Arial,sans-serif;color:#333;line-height:1.6;margin:0;background-color:#fff}.about-section{padding:40px;background:#f9f9f9;text-align:center;border-bottom:1px solid #ddd}.about-section h2{font-size:2.5rem;margin-bottom:20px}.about-section p{font-size:1.1rem;color:#555;line-height:1.8}.features-container{display:flex;flex-direction:column;align-items:center}.features-image{width:85%;max-width:1000px;height:auto;border-radius:8px;margin-bottom:20px}.features-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0;margin:20px 0;list-style-type:none}.features-list li{background:#ecf0f1;border-radius:8px;padding:15px 20px;font-size:1rem;color:#333;width:calc(40% - 20px);text-align:center;transition:background-color .3s ease,transform .3s ease}.features-list li:hover{background:#bdc3c7;transform:scale(1.02)}.subscribe-section{background:#eaf0f6;padding:40px}.subscribe-section h2{font-size:2rem;margin-bottom:20px}.subscribe-form{display:flex;flex-direction:row;align-items:center;gap:10px;max-width:600px;margin:0 auto}.subscribe-form input,.subscribe-form button{padding:10px;font-size:1rem;border-radius:5px}.subscribe-form input{border:1px solid #ddd;width:100%;max-width:400px}.subscribe-form button{border:none;background:#2c3e50;color:#fff;cursor:pointer;width:66%}.subscribe-form button:hover{background:#34495e}.team-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:40px;background:#fff;border-bottom:1px solid #ddd}.team-container>div{text-align:center;max-width:300px;width:100%;padding:10px}.team-container img{width:120px;height:120px;border-radius:50%;box-shadow:0 4px 8px #0000001a}.team-container p{font-size:1rem;color:#333;margin-top:10px}.team-container p+p{font-size:.9rem;color:#555;margin-top:5px}.testimonials-section{background:#f1f8f6;padding:40px;text-align:center}.testimonials-section h2{font-size:2rem;margin-bottom:20px}.testimonials-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto}.testimonial-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;max-width:400px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;flex:1 1 calc(60% - 40px)}.testimonial-card:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003}.testimonial-card p{font-size:1rem;color:#333;margin-bottom:10px}.testimonial-card span{display:block;font-size:.9rem;color:#555;margin-top:10px}.testimonial-card:nth-of-type(odd){background:#e8f5e9}.testimonial-card:nth-of-type(2n){background:#fff9c4}.testimonial-card .author{font-weight:700;color:#2e7d32}.testimonial-card .position{font-size:.9rem;color:#388e3c}.about-footer{text-align:center;padding:20px;background:#2c3e50;color:#fff;border-top:1px solid #ddd;position:relative;margin-top:20px}.about-footer p{margin:0;font-size:1rem;font-weight:400}@media (max-width: 768px){.about-section{padding:20px}.about-section h2{font-size:2rem}.features-list{flex-direction:column;align-items:center}.features-list li{width:100%;max-width:500px}.team-container{flex-direction:column;align-items:center}.team-container img{width:100px;height:100px}.subscribe-form{flex-direction:column}.subscribe-form input,.subscribe-form button{width:100%}.about-footer{padding:15px;font-size:.9rem}}.subscribe-success{color:green;font-size:1.2rem;margin-top:1rem}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#e9f5f0;color:#333}.contact-us-page{display:flex;flex-direction:column;min-height:100vh}.contact-header{background:linear-gradient(135deg,#28a745,#17a2b8);color:#fff;padding:2rem;text-align:center}.contact-header p{font-size:1.5rem;margin:0;font-weight:300}.contact-main{flex:1;padding:2rem}.contact-form-section{max-width:800px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a}.contact-form-section h2{font-size:2rem;margin-bottom:1.5rem}.contact-form .form-group{margin-bottom:1rem}.contact-form label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;color:#495057;background-color:#f8f9fa}.contact-form button{padding:.75rem 2rem;border:none;border-radius:4px;background-color:#17a2b8;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s}.contact-form button:hover{background-color:#138496}.message-success{margin-top:1rem;color:#28a745;font-weight:700}.contact-info-section{margin-top:3rem;max-width:800px;margin:3rem auto;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a}.contact-info-section h2{font-size:2rem;margin-bottom:1.5rem}.contact-info p{margin:.5rem 0;font-size:1.1rem}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{color:#17a2b8;font-size:1.5rem;transition:color .3s}.footer-social a:hover{color:#138496}.map-container iframe{border-radius:10px;margin-top:1rem;width:100%;height:400px}@media (max-width: 768px){.contact-main{padding:1rem}.contact-form-section,.contact-info-section{padding:1.5rem}.contact-header p{font-size:1.2rem}}