@viewport{width:device-width;initial-scale:1;maximum-scale:1;user-scalable:no}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;width:100%;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-black);color:var(--primary-text);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}.register-container{max-width:750px;width:100%;margin:0 auto;box-sizing:border-box}@media(max-width:768px){html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.register-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important}}header{text-align:center;padding:60px 20px;background:#08d9d61a;border-radius:20px;margin-bottom:40px;backdrop-filter:blur(10px);position:relative;border:2px solid transparent}header h1{justify-content:center;text-align:center;align-items:center;font-size:clamp(1.8rem,6vw,2.5rem)!important;display:flex;gap:15px;margin-bottom:15px}header h1 img{height:80px;width:80px}.register-box{background:#08d9d61a;border-radius:20px;padding:40px;backdrop-filter:blur(10px);position:relative;border:2px solid transparent}.register-box:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--player-one),var(--player-two));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}h2{color:var(--player-one);font-size:clamp(1.3rem,4vw,1.6rem)!important;margin-bottom:10px;text-align:center}.subtitle{text-align:center;margin-bottom:30px;opacity:.8}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;color:var(--primary-text);font-weight:500}input[type=text],input[type=email],input[type=password]{width:100%;padding:15px;background:#ffffff0d;border:2px solid rgba(8,217,214,.3);border-radius:10px;color:var(--primary-text);font-size:1rem;transition:border-color .3s ease,background .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:var(--player-one);background:#ffffff14}input::placeholder{color:#f7f7f766}.checkbox-group{display:flex;align-items:center;margin-bottom:25px}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:var(--player-one)}.checkbox-group label{margin:0;cursor:pointer;font-weight:400}.checkbox-group a{color:var(--player-one);text-decoration:none;transition:color .3s ease}.checkbox-group a:hover{color:var(--player-two)}.btn-register{width:100%;padding:18px;background:linear-gradient(135deg,var(--player-one),var(--player-two));color:var(--primary-text);border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px #08d9d666}.btn-register:hover{transform:scale(1.02);box-shadow:0 8px 30px #ff2e6399}.btn-register:active{transform:scale(.98)}.divider{text-align:center;margin:30px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#08d9d64d}.divider span{background:#08d9d61a;padding:0 15px;position:relative;color:var(--primary-text);opacity:.7}@media(max-width:768px){body{padding:15px}.register-container{width:100%;max-width:100%}header{padding:40px 15px}.register-box{padding:25px 15px}.social-buttons{grid-template-columns:1fr;gap:10px}.btn-social{padding:12px;font-size:.95rem}.btn-register{padding:15px;font-size:1.1rem}input[type=text],input[type=email],input[type=password]{padding:12px;font-size:16px}}@media(max-width:480px){html{font-size:14px!important}body{font-size:14px!important;padding:10px!important}.register-container{width:100%!important;max-width:100%!important}header{padding:20px 10px!important}.register-box{padding:15px 10px!important}header h1{font-size:1.5rem!important;gap:10px!important}header h1 img{height:50px!important;width:50px!important}.tagline{font-size:.9rem!important}h2{font-size:1.2rem!important}p,label{font-size:14px!important}}.social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.btn-social{padding:15px;background:#ffffff0d;border:2px solid rgba(8,217,214,.3);border-radius:10px;color:var(--primary-text);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-social:hover{background:#ffffff14;border-color:var(--player-one)}.login-link{text-align:center;margin-top:25px;opacity:.8}.login-link a{color:var(--player-one);text-decoration:none;font-weight:500;transition:color .3s ease}.login-link a:hover{color:var(--player-two)}@media screen and (max-width:768px){*{box-sizing:border-box!important}html{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}body{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;padding:10px!important}.register-container{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:0 auto!important;padding:0!important}header{width:100%!important;max-width:100%!important;padding:20px 10px!important;margin-bottom:20px!important}.register-box{width:100%!important;max-width:100%!important;padding:20px 10px!important}}.logo-image{max-width:100%;height:auto}
