.login-page{display:flex;justify-content:center;align-items:center;padding:10px 20px;flex-wrap:wrap;gap:50px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.gec-logo{width:140px;height:140px;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRD4aqBdYosDco65dJFISUt8o4c9d98eJJJiw&s);background-size:cover;background-position:center;border-radius:50%;margin-bottom:10px}@media (max-width: 768px){.login-page{flex-direction:column;gap:10px;padding:5px}.login-left{width:100%}.college-title{font-size:1.3rem;padding:0 10px}.gec-logo{width:100px;height:100px}.login-form{padding:25px 20px;max-width:100%}.login-form input,.login-form select,.login-form button{font-size:.95rem}}.author-badge{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#120123db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1a;border-radius:12px;margin:30px auto 0;max-width:400px;color:var(--font-color-dark);box-shadow:0 4px 12px #0000}.author-photo{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid}.author-info{display:flex;flex-direction:column}.author-name{font-size:1rem;font-weight:700;margin:0}.author-link{color:var(--primary-color);text-decoration:none;font-size:.95rem}.author-link:hover{text-decoration:underline;color:var(--primary-hover)}body{margin:0;padding:0;font-family:var(--font-family);background:linear-gradient(100deg,#000,#9b545490);color:var(--font-color-dark)}.login-page{display:flex;justify-content:center;align-items:center;padding:10px 20px;flex-wrap:wrap;gap:50px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;min-height:100vh}.login-left{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.gec-logo{width:140px;height:140px;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRD4aqBdYosDco65dJFISUt8o4c9d98eJJJiw&s);background-size:cover;background-position:center;border-radius:50%;margin-bottom:10px}.college-title{font-size:1.8rem;font-weight:600;color:#fff;max-width:300px}.login-footer{margin-top:20px}.login-right{flex:1;display:flex;justify-content:center;align-items:center}.login-form{background-color:#ffffff0d;padding:30px 40px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 0 15px #0000004d;box-sizing:border-box}.login-form h2{margin-bottom:24px;font-size:1.5rem;color:#fff;text-align:center}.login-form label{font-weight:500;display:block;text-align:left;margin-bottom:6px;color:#fff}.login-form input,.login-form select{width:100%;margin-bottom:20px;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:1rem;background-color:#1e1e1e;color:#fff;box-sizing:border-box}.login-form input:focus,.login-form select:focus{border-color:var(--primary-color);box-shadow:0 0 8px #646cff66;outline:none}.login-form button{width:100%;padding:12px;font-size:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:var(--transition)}.login-form button:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.login-page{flex-direction:column;gap:10px;padding:45px}.login-left{width:100%}.college-title{font-size:1.3rem;padding:0 10px}.gec-logo{width:100px;height:100px}.login-form{padding:25px 20px;max-width:100%}.login-form input,.login-form select,.login-form button{font-size:.8rem}}:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-color-dark: rgba(255, 255, 255, .87);--font-color-light: #213547;--background-dark: #1a1a1a;--background-light: #ffffff;--primary-color: #646cff;--primary-hover: #535bf2;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}body{font-family:var(--font-family);color:var(--font-color-dark)}.home-container{display:flex;flex-direction:column;width:100%;max-width:1100px;margin:auto;gap:20px;padding:30px 20px}.home-left,.home-right{flex:1;display:flex;flex-direction:column;align-items:center}.GEC{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRD4aqBdYosDco65dJFISUt8o4c9d98eJJJiw&s);background-size:cover;background-position:center;border-radius:100%;width:120px;height:120px;margin-bottom:10px}.gec-title{font-size:1.4rem;font-weight:700;margin:0;text-align:center}.form-container{background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px 30px;border-radius:16px;width:100%;max-width:550px;margin:0 auto;box-shadow:0 12px 30px #0006;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center}.attendance-list{list-style:none;padding:0;width:100%;margin-top:1rem}.attendance-item{background-color:#3409095c;border-radius:10px;padding:1rem;margin-bottom:1rem;font-size:.95rem;border:1px solid rgba(255,255,255,.15);transition:var(--transition)}.attendance-item:hover{transform:scale(1.01);box-shadow:0 6px 16px #0000004d}.delete-btn{margin-top:.75rem;background-color:#ff4d4d;border:none;color:#fff;padding:8px 14px;border-radius:6px;cursor:pointer;transition:var(--transition)}.delete-btn:hover{background-color:#d93838}.clear-button{background-color:#f90;color:#fff;padding:.5rem 1rem;margin-bottom:1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:var(--transition)}.clear-button:hover{background-color:#cc7a00;transform:translateY(-2px)}@media (min-width: 768px){.home-container{flex-direction:row;align-items:flex-start;justify-content:space-between}.GEC{width:200px;height:200px}.gec-title{font-size:2rem}}@media (max-width: 767px){.GEC{width:90px;height:90px}.gec-title{font-size:1.2rem}.form-container{margin-top:20px;padding:25px 20px}}@media (max-width: 480px){.GEC{width:80px;height:80px}.gec-title{font-size:1rem}.form-container{padding:20px 15px}.attendance-item{font-size:.9rem}}.navbar{background-color:#0f172a;padding:12px 20px;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 2px 12px #0003}.navbar-left{display:flex;align-items:center}.navbar-logo{font-size:22px;font-weight:700;margin:0;color:#fff}.menu-toggle{background:none;color:#fff;font-size:15px;cursor:pointer;display:none;margin-left:100px}.menu-toggle:hover{box-shadow:#800c0c}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-links{display:flex;gap:20px;align-items:center}.navbar-link{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.navbar-link:hover{color:#93c5fd}.navbar-button{background-color:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s ease}.navbar-button:hover{background-color:#1c8fb9}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.navbar-right{width:100%;flex-direction:column;align-items:flex-start;display:none;padding-top:10px}.navbar-right.active{display:flex}.navbar-links{flex-direction:column;width:100%;gap:10px}.navbar-link,.navbar-button{width:100%;text-align:left;padding-left:10px}}