.userpage{height:100vh;background-color:#fff}.userpage h1{text-align:center}.container{height:100vh;display:flex;justify-content:center;align-items:center}.card{width:95%;max-width:600px;padding:28px;border-radius:25px;background:#e9eef4;box-shadow:12px 12px 25px #cfd3d8,-12px -12px 25px #fff;text-align:center}.icon{width:70px;height:70px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;box-shadow:inset 6px 6px 12px #cfd3d8,inset -6px -6px 12px #fff;font-size:35px;padding-bottom:10px}.inputBox{display:flex;align-items:center;gap:10px;padding:16px;margin:12px 0;border-radius:14px;background:#e9eef4;box-shadow:inset 5px 5px 10px #cfd3d8,inset -5px -5px 10px #fff}.inputBox input{border:none;outline:none;background:transparent;width:100%}.Errormessa{margin-top:-10px}.row{display:flex;padding-top:2px;justify-content:space-between;font-size:13px;color:#6b7280}.row span{padding-top:11px}.inputBox .btn{position:relative;margin-top:6px;margin-left:-10px;background-color:none;border:none;font-size:18px}.btnlogin{width:100%;padding:14px;margin-top:18px;border:none;border-radius:16px;background:#e9eef4;font-weight:600;box-shadow:6px 6px 12px #cfd3d8,-6px -6px 12px #fff}.or{margin-top:15px;margin-bottom:10px}.social{display:flex;justify-content:center;gap:15px}.social div{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 10px #cfd3d8,-5px -5px 10px #fff}P{font-weight:600}.signup{padding-top:10px;text-decoration:none}.signup a{font-weight:600;color:#3a4250;text-decoration:none}.signup a:hover{text-decoration:underline}body{margin:0;background:#e9eef4;font-family:Segoe UI,sans-serif}.container1{height:100vh;display:flex;justify-content:center;align-items:center}.card1{width:95%;max-width:600px;padding:28px;border-radius:25px;background:#e9eef4;box-shadow:12px 12px 25px #cfd3d8,-12px -12px 25px #fff;text-align:center}.icon1{width:70px;height:70px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;box-shadow:inset 6px 6px 12px #cfd3d8,inset -6px -6px 12px #fff;font-size:35px;padding-bottom:10px}h2{color:#3a4250}p{color:#7a7f8c;font-size:14px}label{display:block;padding-top:10px;text-align:left;margin-bottom:-10px;font-weight:600;font-size:15px}.inputBox1{display:flex;align-items:center;gap:10px;padding:16px;margin:12px 0;border-radius:14px;background:#e9eef4;box-shadow:inset 5px 5px 10px #cfd3d8,inset -5px -5px 10px #fff}.inputBox1 input{border:none;outline:none;background:transparent;width:100%}.btnlogin1{width:40%;float:left;padding:14px;margin-top:18px;border:none;border-radius:16px;background:#e9eef4;font-weight:600;box-shadow:6px 6px 12px #cfd3d8,-6px -6px 12px #fff}.btnlogin2{width:40%;padding:14px;float:right;margin-top:18px;border:none;border-radius:16px;background:#e9eef4;font-weight:600;box-shadow:6px 6px 12px #cfd3d8,-6px -6px 12px #fff}.Errormessa{float:left;font-size:13px;position:absolute}.successBox{height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .6s ease-in-out}.successCircle{width:80px;height:80px;margin-bottom:20px;border-radius:50%;background:#4caf50;color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;animation:pop .6s ease}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}.app{font-family:Arial,sans-serif}.topbar{height:60px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo{font-size:20px;font-weight:700}.menu-icon{cursor:pointer}.menu-icon div{width:25px;height:3px;background:#fff;margin:4px 0}.sidebar{position:fixed;top:0;left:-260px;width:170px;height:100vh;background:#1a1a1a;padding-top:50px;transition:left .3s ease;z-index:1000}.sidebar.open{left:0}.link{display:block;padding:10px 20px;color:#fff;text-decoration:none}.link:hover{background:#333}.linKheading{color:tomato;font-size:22px;font-weight:600;letter-spacing:2px;text-decoration:none;padding:15px 18px;display:block;border-bottom:1px solid #333;text-shadow:10px 10px 10px black}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:22px;color:#fff;cursor:pointer}.overlay{position:fixed;inset:0;background:#00000080;z-index:999}.content{height:calc(100vh - 60px);overflow:hidden}.dashboard{position:relative;height:100vh;overflow:hidden}.dashboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://dl.dir.freefiremobile.com/common/web_event/official2.ff.garena.all/202210/aa959aa3d8790d3a44f7f20f16adfa01.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);z-index:1}.dashboard h1{position:relative;z-index:2;color:#fff700;text-shadow:10px 10px 10px black;font-size:48px;text-shadow:0 0 10px black;white-space:nowrap;display:inline-block;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(-100%)}to{transform:translate(200%)}}.hii{height:100vh;padding:15px;background-color:#fff}.headtext{text-align:center;margin-bottom:20px;background-color:red}