@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:50px}.container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;width:100%;max-width:1200px}.card{background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 12px #0000001a;padding:30px;width:320px;transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(4px);border:none}.card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000026}.card .name{text-align:center;font-size:26px;color:#036;font-weight:600;margin-bottom:10px}.card .card-para{margin-top:15px}.card .card-para p{font-size:16px;color:#333}.card p strong{color:#024}.details-btn,.edit-btn,.save-btn,.cancel-btn{display:inline-block;margin:12px 6px 0 0;padding:10px 20px;font-size:15px;border-radius:5px;border:none;background-color:#06c;color:#fff;transition:all .3s ease}.details-btn:hover,.edit-btn:hover,.save-btn:hover,.cancel-btn:hover{background-color:#004999;cursor:pointer}.edit-btn{background-color:#000}.edit-btn:hover{background-color:#e68900}.save-btn{background-color:#4caf50}.save-btn:hover{background-color:#3e8e41}.cancel-btn{background-color:#f44336}.cancel-btn:hover{background-color:#d32f2f}.card p:last-child{font-weight:700;margin-top:12px}.header{display:flex;justify-content:space-between;align-items:center;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:25px 70px;flex-wrap:wrap}.logo{color:#fff;font-size:32px}.nav ul{list-style:none;display:flex}.nav ul li a{text-decoration:none;color:#fff;font-family:Inter;padding:0 20px;transition:.4s all ease}.nav ul li a:hover{cursor:pointer;background:#63aedc00;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.8px);-webkit-backdrop-filter:blur(2.8px);border:1px solid rgba(99,174,220,.3);padding:10px 20px}.app-footer{padding:50px 10px;margin-top:40px}.app-footer p{color:#f3f4f6;text-align:center;font-size:14px;font-family:Inter}.form-wrapper{max-width:400px;margin:50px auto;padding:40px;background:linear-gradient(to right,#fff,#f0f4f8);box-shadow:0 10px 25px #00000014;border-radius:20px;font-family:Inter}.form-title{font-size:28px;color:#311847;text-align:center;margin-bottom:30px}.employee-form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column}label{font-weight:600;margin-bottom:6px;color:#333}input{padding:10px;font-size:16px;border:1px solid #ccd6dd;border-radius:8px;transition:border .3s ease}input:focus{border-color:#311847;outline:none}.submit-btn{padding:12px 20px;font-size:16px;background-color:#b670b0;color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.submit-btn:hover{background-color:#46edf9}.about{padding:60px 20px;display:flex;justify-content:center;min-height:80vh}.about-content{max-width:800px;border-radius:16px;padding:40px;box-shadow:0 8px 20px #0000001a;font-family:Inter}.about-content h2{color:#311847;font-size:32px;margin-bottom:20px}.about-content p{font-size:18px;line-height:1.6;color:#333;margin-bottom:16px}.tech-stack{margin-top:90px;text-align:center}.tech-stack h3{color:#311847;font-size:24px;margin-bottom:12px}.tech-stack ul{list-style-type:none;padding:0}.tech-stack li{font-size:16px;margin:8px 0;padding-left:20px;position:relative;color:#444}