header,footer{width:100vw;max-width:100vw;box-sizing:border-box;position:relative;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff;padding:10px 20px;z-index:1000}body,html{margin:0;padding:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;color:#000;overflow-x:hidden}.sign-in-up-page{min-height:80vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);padding:40px 20px}.auth-container{background:#121212;border-radius:20px;box-shadow:0 0 20px #ffffff0d,inset 0 0 30px #fff1;padding:40px 50px;width:350px;max-width:90vw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #444;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#ffffff14,#fff0 70%);transform:rotate(25deg);pointer-events:none;z-index:0}.auth-box{position:relative;z-index:1}.auth-box h2{margin-bottom:25px;font-weight:700;font-size:2rem;letter-spacing:2px;text-transform:uppercase;color:#eee;text-align:center;text-shadow:0 0 4px #fff4}.input-group{margin-bottom:20px;display:flex;flex-direction:column}.input-group label{margin-bottom:6px;font-weight:600;font-size:.9rem;color:#ddd}.input-group input{background:#1a1a1a;border:none;border-radius:10px;padding:12px 15px;color:#eee;font-size:1rem;transition:background .3s ease,box-shadow .3s ease}.input-group input:focus{background:#2e2e2e;box-shadow:0 0 8px #fff9;outline:none}button#submitBtn{width:100%;padding:14px 0;background:linear-gradient(90deg,#fff,#ccc);color:#000;font-weight:700;font-size:1.1rem;border-radius:15px;border:none;cursor:pointer;box-shadow:0 6px 15px #ffffff4d;transition:background .3s ease,box-shadow .3s ease;letter-spacing:1px}button#submitBtn:hover{background:linear-gradient(90deg,#eee,#bbb);box-shadow:0 8px 20px #fff9}.switch-mode{margin-top:18px;text-align:center;font-size:.9rem;color:#bbb}.switch-mode a{color:#eee;text-decoration:none;font-weight:700;transition:color .3s ease}.switch-mode a:hover{color:#fff;text-shadow:0 0 8px #fff}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff}header,footer{width:100vw;max-width:100vw;box-sizing:border-box;background-color:#000;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000}main{flex-grow:1;width:100%;box-sizing:border-box;padding:20px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;width:100%;overflow-x:hidden}main{flex-grow:1;width:100%;box-sizing:border-box}header,footer{width:100%;box-sizing:border-box}