.page-container{align-items:center;padding-top:2rem;padding-bottom:2rem}.content-wrapper{max-width:450px}.login-card{max-width:450px;width:100%}.card-content{padding:2.5rem 2rem}.form-title{text-align:center;margin-bottom:1.5rem}.form-title h2{font-size:1.75rem;font-weight:700;color:#fffbb2;margin:0;letter-spacing:-.025em;text-shadow:0 0 30px rgba(234,88,12,.3)}.form-subtitle{text-align:center;color:#9ca3af;font-size:.875rem;margin-top:.5rem;line-height:1.4}.forgot-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:600;color:#d1d5db;margin-bottom:.75rem;letter-spacing:.05em}.form-input-wrapper{position:relative}.form-input-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;transition:color .2s ease;pointer-events:none}.form-input-wrapper:focus-within svg{color:#fffbb2}.form-input{width:100%;background-color:rgba(17,24,39,.8);border:1px solid #374151;border-radius:.75rem;padding:.875rem 1rem .875rem 3rem;color:#fff;font-size:1rem;transition:all .2s ease}.form-input::placeholder{color:#6b7280}.form-input:focus{outline:0;border-color:#fffbb2;box-shadow:0 0 0 3px rgba(249,115,22,.2),0 0 20px rgba(249,115,22,.1);background-color:rgba(17,24,39,.9)}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;min-width:120px;padding:.875rem .5rem;border:0;border-radius:.75rem;font-weight:700;font-size:.9rem;letter-spacing:.08em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#fffbb2 0%,#ffc107 50%,#bc9a34 100%);color:#1a1a1a;box-shadow:0 10px 30px -5px rgba(234,88,12,.4),0 0 20px rgba(234,88,12,.2),inset 0 1px 0 rgba(255,255,255,.3)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 20px 50px -10px rgba(234,88,12,.6),0 0 30px rgba(234,88,12,.3),inset 0 1px 0 rgba(255,255,255,.4);background:linear-gradient(135deg,#fff9c4 0%,#ffcd39 50%,#d4af37 100%)}.btn-primary:hover::before{left:100%}.btn-primary:active{box-shadow:0 5px 20px -5px rgba(234,88,12,.4),inset 0 2px 5px rgba(0,0,0,.2)}.btn-secondary{background:linear-gradient(135deg,rgba(107,114,128,.3) 0%,rgba(75,85,99,.4) 100%);color:#d1d5db;border:2px solid rgba(107,114,128,.5);box-shadow:0 5px 15px -3px rgba(0,0,0,.3)}.btn-secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:linear-gradient(135deg,rgba(107,114,128,.5) 0%,rgba(75,85,99,.6) 100%);color:#f3f4f6;border-color:rgba(107,114,128,.7);box-shadow:0 10px 25px -5px rgba(0,0,0,.4)}.btn-secondary:hover::before{left:100%}.btn-secondary:active{box-shadow:0 3px 10px -2px rgba(0,0,0,.3)}.help-text{text-align:center;color:#9ca3af;font-size:.875rem;line-height:1.5;margin-top:1rem}.help-text a{color:#fffbb2;text-decoration:none;font-weight:600;transition:color .2s ease}.help-text a:hover{color:#ffcd39;text-shadow:0 0 10px rgba(249,115,22,.5)}@media(max-width:768px){.page-container{padding-top:1rem;padding-bottom:1rem}.content-wrapper{max-width:100%;padding:0 1rem}.login-card{max-width:100%}.card-content{padding:2rem 1.5rem}.form-title h2{font-size:1.5rem}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media(max-width:480px){.card-content{padding:1.5rem 1rem}.form-title h2{font-size:1.25rem}.form-title{margin-bottom:1.25rem}.form-input{font-size:.95rem;padding:.75rem .875rem .75rem 2.75rem}.form-input-wrapper svg{width:18px;height:18px;left:.875rem}.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:.875rem}}