body.glass-template{font-family:'Montserrat',sans-serif;margin:0;padding:0;height:100vh;display:flex;align-items:center;justify-content:center;color:#333;overflow:hidden;position:relative}.glass-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#8a2be2,#4169e1,#00bfff);background-size:600% 600%;animation:gradientAnimation 15s ease infinite;z-index:-2}@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}.glass-bg::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 10%,transparent 40%);z-index:-1}.glass-container{width:100%;max-width:400px;padding:0 20px;position:relative;z-index:1}.glass-card{background:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1);padding:40px 30px;position:relative;overflow:hidden}.glass-card::after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.1) 50%, 
        rgba(255, 255, 255, 0) 100%
    );transform:rotate(25deg);pointer-events:none}.glass-header{text-align:center;margin-bottom:20px}.glass-logo{max-height:70px;max-width:200px}.glass-header h1{font-size:24px;font-weight:600;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.glass-title{text-align:center;color:#fff;font-size:20px;font-weight:500;margin-top:0;margin-bottom:30px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.glass-form{display:flex;flex-direction:column}.glass-error{display:flex;align-items:center;background:rgba(255,77,77,.2);border-radius:8px;padding:12px 15px;margin-bottom:20px;color:#fff;font-size:14px}.glass-icon{width:20px;height:20px;margin-right:10px;fill:#fff}.glass-field{margin-bottom:25px}.glass-field label{display:block;color:#fff;font-size:14px;margin-bottom:10px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.glass-field input{width:100%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:14px 16px;font-size:15px;color:#fff;box-sizing:border-box;transition:all .3s}.glass-field input::placeholder{color:rgba(255,255,255,.7)}.glass-field input:focus{outline:none;background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.glass-hint{background:rgba(255,255,255,.15);border-radius:8px;padding:12px 15px;margin-bottom:25px;display:flex;align-items:flex-start}.glass-hint-label{font-weight:600;color:#fff;margin-right:8px;font-size:13px}.glass-hint-text{color:rgba(255,255,255,.9);font-size:13px;line-height:1.5}.glass-button{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.25);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.glass-button:hover{background:rgba(255,255,255,.35);transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.glass-arrow{width:20px;height:20px;margin-left:8px;fill:#fff;transition:transform .3s}.glass-button:hover .glass-arrow{transform:translateX(3px)}@media (max-width:480px){.glass-card{padding:30px 20px}}