:root{--bg-main:#e2e6ee;--bg-surface:#edf0f5;--primary:#fa6400;--secondary:#4aba24;--text-dark:#1e1e2f;--text-muted:#5a5f73;--border-light:#00000014;--input-bg:#fffc;--input-border:#d0d7e5;--focus-glow:#fa640080;--error:#d14545;--spacing-unit:8px;--card-padding:calc(var(--spacing-unit)*4);--border-radius-main:32px 8px 32px 8px;--input-radius:8px;--button-radius:8px;--font-heading:2.2rem;--font-body:1rem;--font-small:.85rem;--blur-amount:12px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-dark);display:flex;position:relative;overflow-x:hidden;justify-content:center;align-items: center;min-height:100vh;font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body:before{content:"";position:absolute;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#fa640014 0%,#0000 30%),repeating-linear-gradient(45deg,#00000005 0 2px,#0000 2px 8px);inset:0}.data-float{position:absolute;overflow:hidden;z-index:1;pointer-events:none;width:100%;height:100%;top:0;left:0}.data-float span{position:absolute;display:block;backdrop-filter:blur(4px);background:#fa64000d;border:1px solid #fa640033;border-radius:12px 2px;box-shadow:0 8px 32px #0000000d}.data-float span:first-child{animation:float 20s infinite alternate ease-in-out;width:180px;height:120px;top:10%;left:5%;transform:rotate(15deg)}.data-float span:nth-child(2){animation:float 24s infinite alternate-reverse ease-in-out;background:#4aba240d;border-color:#4aba2433;width:300px;height:80px;bottom:15%;right:3%;transform:rotate(-8deg)}.data-float span:nth-child(3){animation:float 8s infinite alternate ease-in-out;background:#fa000008;border-color:#ba242433;border-radius:5% 11px 25% 200px;width:150px;height:150px;top:65%;right:66%}.data-float span:nth-child(4){animation:float 12s infinite alternate ease-in-out;background:#009afa08;border-color:#2460ba33;border-radius:50% 2px;width:150px;height:150px;top:25%;right:36%}.data-float span:nth-child(5){animation:float 18s infinite alternate ease-in-out;background:#fa640008;border-radius:0% 55px 11%;width:150px;height:150px;top:5%;right:2%}@keyframes float{0%{transform:translateY(0)rotate(5deg)scale(1)}to{transform:translateY(-40px)rotate(-5deg)scale(1.02)}}.login-wrapper{position:relative;z-index:10;backdrop-filter:blur(var(--blur-amount));background:var(--bg-surface);border-radius:var(--border-radius-main);padding:var(--card-padding);transition:transform var(--transition-speed);border:1px solid #fa640040;width:100%;max-width:480px;transform:skewY(-1deg)rotate(.5deg);box-shadow:0 30px 50px -20px #0000004d,inset 0 0 0 1px #fa640026}.login-wrapper:hover{border-color:var(--primary)}.login-header{display:flex;flex-direction:row;justify-content:space-between;align-items: center;margin-bottom:20px}.login-header h1{font-size:var(--font-heading);letter-spacing:-.02em;color:var(--text-dark);margin-bottom:calc(var(--spacing-unit)*1);position:relative;display:inline-block;font-weight:600}.login-header h1:after{content:"";position:absolute;background:linear-gradient(90deg,var(--primary),transparent);border-radius:2px;width:113px;height:3px;bottom:-8px;left:0}.login-header p{color:var(--text-muted);font-size:var(--font-small);margin-top:calc(var(--spacing-unit)*2);border-left:2px solid var(--primary);padding-left:var(--spacing-unit)}.form-group{margin-bottom:calc(var(--spacing-unit)*3);position:relative}label{display:block;font-size:var(--font-small);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--spacing-unit);transition:color var(--transition-speed)}.form-group:focus-within label{color:var(--primary)}input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:calc(var(--spacing-unit)*2)calc(var(--spacing-unit)*2.5);font-size:var(--font-body);color:var(--text-dark);outline:none;backdrop-filter:blur(5px);transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform .2s;width:100%;box-shadow:0 4px 10px #00000005}input::placeholder{color:#5a5f7366;font-style:italic}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-glow);background:#fff;transform:scale(1.02)}.login-button{background:var(--primary);border-radius:var(--button-radius);padding:calc(var(--spacing-unit)*2.5);color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all var(--transition-speed);position:relative;overflow:hidden;border:none;width:100%;font-size:1.2rem;font-weight:600;box-shadow:0 10px 20px -5px #fa640066,inset 0 2px #0000001a}.login-button:before{content:"";position:absolute;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .7s;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{background:#e55a00;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px -5px #fa640099,inset 0 0 0 2px #ffffff4d}.secondary-button{background:var(--secondary);box-shadow:0 10px 20px -5px #4aba2466}.secondary-button:hover{background:#3da01e}.login-footer{display:flex;margin-top:calc(var(--spacing-unit)*4);font-size:var(--font-small);justify-content:space-between}.login-footer a{color:var(--text-muted);text-decoration:none;border-bottom:1px dashed #0000;padding-bottom:2px;transition:color .2s,border-color .2s}.login-footer a:hover{color:var(--primary);border-bottom-color:var(--primary)}.error-message{color:var(--error);font-size:var(--font-small);margin-top:var(--spacing-unit);padding-left:var(--spacing-unit);border-left:2px solid var(--error);background:#d145450d;border-radius:0 4px 4px 0;padding-top:10px;padding-bottom:10px}@media (max-width:800px){.login-wrapper{max-width:90%;margin:5% auto;transform:none}}@media (max-width:480px){:root{--card-padding:calc(var(--spacing-unit)*2);--font-heading:1.8rem}.data-float span{opacity:.3}}