body{background:#000}.instructions{background:linear-gradient(90deg,#131313,#1a1a2e);border:3px solid #fff;border-radius:10px;box-shadow:0 0 20px #8561d399;color:#f2f2f2;margin:20px auto;max-width:800px;padding:20px}.instructions h2{color:#12b1d1;font-size:20px;margin-bottom:15px;text-align:center}.instructions ul{list-style-type:disc;padding-left:20px}.instructions li{font-size:14px;font-size:20px;line-height:1.6;margin-bottom:8px}@media (max-width:768px){.instructions{padding:15px}.instructions li{font-size:13px}}.card{background:linear-gradient(90deg,#590392,#030c0e);border:5px solid #fff;border-radius:10px;box-shadow:0 0 30px #850bb5;margin:40px auto;max-width:800px;padding:30px}table{background-color:linear-gradient(90deg,#f90,#077d98);border-collapse:collapse;border-radius:10px;box-shadow:0 10px 10px -5px rgba(137,97,211,.878);width:100%}table td{font-size:14px;padding:10px}label{color:#e8dede;font-weight:700}input[type=date],input[type=number],input[type=text],select{background-color:#f9f9f9;border:2px solid #ccc;border-radius:5px;box-shadow:0 10px 10px -5px rgba(137,97,211,.878);box-sizing:border-box;margin-top:5px;padding:10px;width:calc(50% - 10px)}input[type=date]:focus,input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#12b1d1;box-shadow:0 10px 10px -5px rgba(137,97,211,.878);outline:none}input[type=file]{border:2px solid #ccc;border-radius:5px;box-shadow:0 10px 10px -5px rgba(137,97,211,.878);color:#e8dede;padding:5px}button[type=submit]{background:linear-gradient(45deg,#1089d3,#12b1d1);border:none;border-radius:20px;box-shadow:0 20px 10px -15px rgba(133,189,215,.878);color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:all .2s ease-in-out}button[type=submit]:hover{box-shadow:0 23px 10px -20px rgba(133,189,215,.878);transform:scale(1.03)}button[type=submit]:active{box-shadow:0 15px 10px -10px rgba(133,189,215,.878);transform:scale(.95)}@media (max-width:768px){input[type=date],input[type=number],input[type=text],select{width:100%}table td{padding:8px}button[type=submit]{width:100%}}body{background:#111;box-sizing:border-box;justify-content:center;margin:0;min-height:100vh;padding:20px}.id-wrapper,body{align-items:center;display:flex}.id-wrapper{flex-direction:column}.idcard{border:5px solid #716c6c;box-shadow:0 0 10px #e3e2e2;height:535px;position:relative;transform-origin:top left;width:320px}.id-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.id-container{height:100%;position:relative;width:100%}#studentPhoto{height:120px;left:105px;object-fit:cover;position:absolute;top:175px;width:110px}.year{color:#639;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;left:115px;top:135px}.blood,.year{position:absolute}.blood{color:#f7f1f1;font-size:11px;left:70px;top:222px}.name{color:#0057f9;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700;left:48%;max-width:90%;overflow:visible;position:absolute;text-align:center;text-overflow:ellipsis;text-transform:uppercase;top:295px;transform:translateX(-50%);white-space:nowrap}.branch{left:60px}.branch,.roll{color:#dd0f0f;font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:700;position:absolute;top:315px}.roll{left:170px;text-transform:uppercase}.birthday{top:350px}.Adhar,.birthday{color:#000;font-size:16px;left:35px;position:absolute;width:240px}.Adhar{top:370px}.address{font-size:16px;height:auto;left:35px;line-height:1.2;max-height:60px;overflow:hidden;top:390px;word-break:break-word}.address,.mnumber{color:#000;position:absolute;width:240px}.mnumber{font-family:Lobster,cursive;font-size:14px;font-weight:700;left:20px;top:460px}.label{color:#22058c;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700}#downloadBtn{background:linear-gradient(45deg,#2a9d8f,#264653);border:none;border-radius:5px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:none;font-size:16px;font-weight:700;margin-top:25px;padding:12px 25px;transition:transform .2s ease,box-shadow .2s ease}#downloadBtn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}#downloadBtn:disabled{background:#888;cursor:not-allowed}@media (max-width:600px){.idcard{transform:scale(1)}}@media (max-width:400px){.idcard{transform:scale(1)}}
/*# sourceMappingURL=main.b044cd4e.css.map*/