.hero{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.hero-buttons button{padding:.8rem 1.8rem;margin:.5rem;border:none;border-radius:50px;font-size:1rem;cursor:pointer;background-color:#fff;color:#2563eb;font-weight:600;transition:all .3s ease}.hero-buttons button:hover{background-color:#0f172a;color:#fff;transform:translateY(-3px)}.features{padding:4rem 2rem;text-align:center;background-color:#f8fafc}.features h2{font-size:2rem;margin-bottom:2rem;color:#0f172a}.feature-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.card{background-color:#fff;padding:2rem;border-radius:12px;width:280px;box-shadow:0 6px 12px #0000000f;transition:all .3s ease}.card:hover{transform:translateY(-5px);border:2px solid #2563eb;box-shadow:0 10px 20px #0000001f}.footer{background-color:#0f172a;color:#cbd5e1;text-align:center;padding:2rem}.login-container{display:flex;justify-content:center;margin-top:100px}.login-card{background:#fff;padding:35px;width:360px;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center}.login-card h2{margin-bottom:20px;color:#1e293b}.login-card input{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #cbd5f5}.login-card input:focus{border-color:#6366f1}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;border-radius:8px;cursor:pointer}.login-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.overlay-box{background:#fff;width:360px;max-width:90%;padding:24px;border-radius:12px;box-shadow:0 8px 24px #0000002e;text-align:center}.overlay-box h3{margin:0 0 10px;font-size:22px;color:#222}.overlay-box p{margin:0 0 20px;font-size:15px;color:#555;line-height:1.5}.overlay-btn{background:#2f5bd3;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:15px}.overlay-btn:hover{background:#2447a5}.register-container{display:flex;justify-content:center;align-items:center;height:85vh;background-color:#f8fafc}.register-card{background:#fff;padding:2.5rem;width:380px;border-radius:10px;box-shadow:0 10px 25px #00000014;text-align:center}.register-card h2{margin-bottom:1.5rem}.register-card input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.register-btn{width:100%;padding:12px;border:none;background:#2563eb;color:#fff;border-radius:6px;font-weight:700;cursor:pointer}.register-btn:hover{background:#1d4ed8}.resources-container{text-align:center;margin-top:80px}.resources-container h2{font-size:32px;margin-bottom:10px}.resources-container p{color:#666;margin-bottom:30px}.resource-buttons button{margin:10px;padding:12px 20px;background-color:#2f5bd3;color:#fff;border:none;border-radius:6px;cursor:pointer}.resource-buttons button:hover{background-color:#2447a5}.upload-container{display:flex;justify-content:center;align-items:center;margin-top:80px}.upload-card{background:#fff;padding:35px;width:420px;border-radius:14px;box-shadow:0 10px 30px #0000001a;text-align:center}.upload-card h2{margin-bottom:25px;font-size:26px;color:#1e293b}.upload-card input,.upload-card select{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #cbd5f5;outline:none;transition:.3s}.upload-card input:focus,.upload-card select:focus{border-color:#6366f1;box-shadow:0 0 5px #6366f166}.upload-card button{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:.3s}.upload-card button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4f46e5,#4338ca)}.download-container{width:650px;margin:70px auto;text-align:center}.download-container h2{font-size:28px;margin-bottom:25px;color:#1e293b}.form-group{margin-bottom:20px}.form-group select{padding:10px;border-radius:6px;border:1px solid #cbd5f5}.resources-list{margin-top:25px}.resource-item{background:#fff;padding:16px;margin-bottom:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 15px #00000014;transition:.3s}.resource-item:hover{transform:translateY(-2px)}.resource-item button{padding:6px 14px;border-radius:6px;border:none;background:#3b82f6;color:#fff;cursor:pointer;transition:.3s}.resource-item button:hover{background:#2563eb}.resource-item button:last-child{background:#ef4444}body{background:linear-gradient(to right,#eef2ff,#f8fafc)}.profile-container{width:700px;margin:60px auto;text-align:center}.profile-container h2{margin-bottom:20px;color:#1e293b}.profile-card{background:#fff;padding:25px;border-radius:10px;margin-bottom:30px;box-shadow:0 8px 20px #0000001a}.profile-uploads h3{margin-bottom:15px}.resource-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:10px;display:flex;justify-content:space-between;box-shadow:0 5px 12px #00000014}.resource-item button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer}.resource-item button:first-child{background:#3b82f6;color:#fff}.resource-item button:first-child:hover{background:#2563eb}.resource-item button:last-child{background:#ef4444;color:#fff}.resource-item button:last-child:hover{background:#dc2626}
