.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#00002d 0%,#00001a 50%,#000022 100%);position:relative;overflow:hidden}.login-wrapper:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23D4AF37' fill-opacity='0.03' d='M50 10 L65 35 L85 40 L70 60 L75 85 L50 75 L25 85 L30 60 L15 40 L35 35 Z'/%3E%3C/svg%3E");background-size:60px;background-repeat:repeat;pointer-events:none;animation:subtleFloat 60s linear infinite}@keyframes subtleFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(100px,100px) rotate(360deg)}}.login-wrapper:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 40%,rgba(212,175,55,.05) 0%,transparent 70%);pointer-events:none}.login-frame{position:relative;z-index:2;padding:2rem}.login-card{width:480px;max-width:90vw;background:rgba(0,0,45,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:2.5rem 2rem;position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.4);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #d4af3733 inset,0 0 30px #d4af3726;transition:all .4s cubic-bezier(.4,0,.2,1)}.login-card:hover{border-color:#d4af3799;box-shadow:0 30px 60px -12px #000000b3,0 0 0 1px #d4af3759 inset,0 0 40px #d4af3740;transform:translateY(-2px)}.pattern-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(212,175,55,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.corner-decoration{position:absolute;width:60px;height:60px;pointer-events:none;z-index:2}.gemstone{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,#d4af37,#f9e0a0);-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:gemPulse 3s ease-in-out infinite}@keyframes gemPulse{0%,to{opacity:.4;transform:scale(.9);filter:blur(0px)}50%{opacity:1;transform:scale(1.1);filter:blur(.5px)}}.corner-decoration.top-left{top:20px;left:20px}.corner-decoration.top-left .gemstone{top:0;left:0}.corner-decoration.top-right{top:20px;right:20px}.corner-decoration.top-right .gemstone{top:0;right:0}.corner-decoration.bottom-left{bottom:20px;left:20px}.corner-decoration.bottom-left .gemstone{bottom:0;left:0}.corner-decoration.bottom-right{bottom:20px;right:20px}.corner-decoration.bottom-right .gemstone{bottom:0;right:0}.login-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.logo-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.login-logo{height:100px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) brightness(1.05);transition:all .3s ease;position:relative;z-index:2}.gem-sparkle{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:radial-gradient(circle,#d4af37,transparent);border-radius:50%;animation:sparkle 2s ease-in-out infinite;pointer-events:none}.ring-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.2),transparent);animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.brand-title{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,#f5e7c8 0%,#d4af37 50%,#f9e0a0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:4px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.brand-subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:#d4af37;margin:.25rem 0 .75rem;font-weight:300;opacity:.9}.gold-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:1rem 0}.divider-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,#d4af37,transparent)}.divider-icon{color:#d4af37;font-size:12px;animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.login-greeting{color:#b8aa8a;font-size:.85rem;margin:0;font-weight:300;letter-spacing:.5px}.login-status{background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(212,175,55,.05));border-left:3px solid #d4af37;border-radius:8px;padding:12px 16px;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px;font-size:.85rem;color:#e2dccd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:2}.login-status i{color:#d4af37;font-size:1rem}.login-form{margin-top:.5rem;position:relative;z-index:2}.field{margin-bottom:1.5rem}.field-label{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:#d4af37;margin-bottom:.5rem}.field-label i{font-size:.85rem}.input-wrapper{position:relative}.luxury-input{width:100%!important;background:rgba(0,0,35,.8)!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:12px!important;padding:12px 16px!important;font-size:.9rem!important;color:#f8f2e3!important;transition:all .3s ease!important}.luxury-input:hover{border-color:#d4af3780!important}.luxury-input:focus{outline:none!important;border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3733!important;background:rgba(0,0,45,.9)!important}.luxury-input.p-invalid{border-color:#e6a17a!important}.luxury-input::-moz-placeholder{color:#b8aa8a66!important}.luxury-input::placeholder{color:#b8aa8a66!important}.luxury-password{width:100%!important;display:block!important}.luxury-password input{width:100%!important;background:rgba(0,0,35,.8)!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:12px!important;padding:12px 40px 12px 16px!important;font-size:.9rem!important;color:#f8f2e3!important;transition:all .3s ease!important}.luxury-password input:hover{border-color:#d4af3780!important}.luxury-password input:focus{outline:none!important;border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3733!important;background:rgba(0,0,45,.9)!important}.luxury-password.p-invalid input{border-color:#e6a17a!important}.luxury-password input::-moz-placeholder{color:#b8aa8a66!important}.luxury-password input::placeholder{color:#b8aa8a66!important}.p-password .p-password-icon{color:#d4af37!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:color .2s!important}.p-password .p-password-icon:hover{color:#f5d742!important}.p-error{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#e6b8a2;margin-top:6px;padding-left:12px}.p-error i{font-size:.7rem}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;flex-wrap:wrap;gap:12px}.remember-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.custom-checkbox .p-checkbox-box{background:rgba(0,0,35,.8)!important;border:1px solid rgba(212,175,55,.5)!important;border-radius:6px!important;width:18px!important;height:18px!important;transition:all .2s!important}.custom-checkbox .p-checkbox-box.p-highlight{background:#d4af37!important;border-color:#d4af37!important}.custom-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon{color:#00002d!important;font-size:10px!important}.checkbox-label{font-size:.8rem;color:#cfc9b5;cursor:pointer;transition:color .2s}.remember-checkbox:hover .checkbox-label{color:#d4af37}.forgot-link{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#e2c57e;text-decoration:none;transition:all .2s;border-bottom:1px dashed rgba(212,175,55,.4)}.forgot-link:hover{color:#f3dd9c;border-bottom-color:#d4af37}.forgot-link i{font-size:.7rem}.login-btn{width:100%!important;background:linear-gradient(135deg,#b88d2e 0%,#e5bc5a 50%,#cf9f3a 100%)!important;border:none!important;border-radius:40px!important;padding:12px 24px!important;font-size:1rem!important;font-weight:600!important;letter-spacing:1px!important;color:#00002d!important;transition:all .3s ease!important;box-shadow:0 4px 15px #0000004d!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn:hover{background:linear-gradient(135deg,#daa83a 0%,#f2ce6e 50%,#e2b347 100%)!important;transform:translateY(-2px);box-shadow:0 8px 25px #0006!important}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{margin-top:1.8rem;text-align:center}.security-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.7rem;color:#8a7a5a;margin-bottom:1rem}.security-badge i{font-size:.8rem;color:#d4af37}.support-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;color:#6a5a3a}.support-text i{font-size:.7rem;color:#d4af37}.pi-spinner{color:#00002d!important}@media (max-width: 640px){.login-frame{padding:1rem}.login-card{padding:1.8rem 1.5rem}.brand-title{font-size:2rem}.login-logo{height:80px}.field-label{font-size:.7rem}.corner-decoration{transform:scale(.7)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00001a}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f3dd9c}*:focus-visible{outline:2px solid #d4af37;outline-offset:2px}*{transition:all .2s ease}