:root{--primary-color: #6E56CF;--primary-light: #9D8DF1;--primary-dark: #5746A9;--success-color: #14F195;--warning-color: #F1A514;--error-color: #F14D56;--background-dark: #0F0B19;--background-medium: #1A1625;--background-light: #2A2537;--text-primary: #FFFFFF;--text-secondary: #B4B7C5;--text-tertiary: #8E92A4;--border-color: rgba(255, 255, 255, .1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--transition-speed: .3s;--container-width: 1320px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--primary-color)}button{cursor:pointer;font-family:Inter,sans-serif}.container{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 var(--spacing-lg)}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.5}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(110,86,207,.15) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgba(20,241,149,.1) 0%,transparent 40%);z-index:0;pointer-events:none}.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:var(--spacing-md) 0;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0b19cc}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo a{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary);text-decoration:none}.logo img{height:32px;width:auto}.logo span{font-size:24px;font-weight:700;background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(110,86,207,.4)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-light);cursor:pointer;transition:background var(--transition-speed) ease}.theme-toggle:hover{background:var(--background-medium)}.theme-toggle svg{color:var(--text-secondary);transition:color var(--transition-speed) ease}.theme-toggle:hover svg{color:var(--text-primary)}.light-theme{--background-dark: #FFFFFF;--background-medium: #F5F5F7;--background-light: #E8E8E8;--text-primary: #1A1625;--text-secondary: #333333;--text-tertiary: #555555;--border-color: rgba(0, 0, 0, .1)}.light-theme .header{background:#fffc}.light-theme .logo span{background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.light-theme .checkbox-wrapper input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.light-theme .checkbox-wrapper input[type=checkbox]:checked:after{content:"";position:absolute;top:5px;left:5px;width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}.sign-in-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 0;position:relative;z-index:10}.sign-in-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);width:100%;max-width:1100px;margin:0 auto}.sign-in-card{background:#1a1625b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 10px 30px #0003;animation:fadeIn .6s ease-out,slideUp .6s ease-out;overflow:hidden;position:relative}.sign-in-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--success-color) 100%)}.card-header{text-align:center;margin-bottom:var(--spacing-xl)}.card-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.card-logo img{height:48px;width:auto}.card-title{font-size:28px;font-weight:700;margin-bottom:var(--spacing-xs);background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-subtitle{color:var(--text-secondary);font-size:16px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.auth-header:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);margin:var(--spacing-sm) auto 0;border-radius:2px}.auth-title{font-size:24px;font-weight:700;color:var(--text-primary);background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-forms{position:relative;margin-bottom:var(--spacing-xl)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .3s ease-out}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:14px;font-weight:500}.label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.forgot-password{font-size:14px;color:var(--primary-light)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:var(--spacing-md);color:var(--text-tertiary)}.input-wrapper input{width:100%;padding:var(--spacing-md) calc(var(--spacing-md) * 3) var(--spacing-md) calc(var(--spacing-md) * 3);background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:16px;transition:all var(--transition-speed) ease}.input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6e56cf33}.input-wrapper input::placeholder{color:var(--text-tertiary)}.toggle-password{position:absolute;right:calc(var(--spacing-md) + 25px);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;padding:0;z-index:2;cursor:pointer}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--background-medium);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;position:relative;transition:all var(--transition-speed) ease}.checkbox-wrapper input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-wrapper input[type=checkbox]:checked:after{content:"";position:absolute;top:5px;left:5px;width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}.checkbox-wrapper label{margin-bottom:0;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:50px;font-weight:600;transition:all var(--transition-speed) ease;cursor:pointer;border:none;font-size:16px}.btn-primary{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6e56cf66}.btn-sign-in{width:100%;padding:14px 24px;gap:var(--spacing-sm)}.btn-sign-in svg{transition:transform var(--transition-speed) ease}.btn-sign-in:hover svg{transform:translate(4px)}.card-footer{text-align:center;color:var(--text-secondary)}.sign-up-link{color:var(--primary-light);font-weight:500}.sign-up-link:hover{text-decoration:underline}.sign-in-features{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center}.feature-card{background:#1a162580;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;animation:fadeIn .6s ease-out,slideUp .6s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#6e56cf4d}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#6e56cf1a;margin-bottom:var(--spacing-md);color:var(--primary-light)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.light-theme .sign-in-card{background:#fffc;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #0000001a}.light-theme .card-title{background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .auth-option{background:var(--background-medium)}.light-theme .auth-option.active{background:#6e56cf1a}.light-theme .input-wrapper input{background:var(--background-medium);border:1px solid rgba(0,0,0,.1)}.light-theme .checkbox-wrapper input[type=checkbox]{background:var(--background-medium);border:1px solid rgba(0,0,0,.2)}.light-theme .feature-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.05)}.light-theme .feature-icon{background:#6e56cf1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #6e56cf66}70%{box-shadow:0 0 0 10px #6e56cf00}to{box-shadow:0 0 #6e56cf00}}@media (max-width: 992px){.sign-in-container{grid-template-columns:1fr;max-width:600px}.sign-in-features{display:none}}@media (max-width: 576px){.auth-options{flex-direction:column}.wallet-options{grid-template-columns:1fr}.card-title{font-size:24px}.sign-in-card{padding:var(--spacing-lg)}}.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0b19e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.success-modal-overlay.show{opacity:1;visibility:visible}.success-modal{background:linear-gradient(135deg,#1a1625e6,#2a2537e6);border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 20px 40px #0000004d,0 0 80px #6e56cf33,0 0 20px #14f19533;text-align:center;transform:scale(.8);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.success-modal.show{transform:scale(1);opacity:1}.success-modal-content{position:relative;z-index:2}.success-title{font-size:28px;font-weight:700;margin:24px 0 16px;background:linear-gradient(90deg,#14f195,#9945ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-message{font-size:16px;color:var(--text-secondary);margin-bottom:30px;line-height:1.6}.success-icon-container{margin:0 auto;width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.success-checkmark{transform-origin:center;animation:scaleIn .5s ease forwards}.success-circle{stroke-dasharray:240;stroke-dashoffset:240;transform-origin:center;animation:circleAnimation 1s ease-in-out forwards}.success-check{stroke-dasharray:50;stroke-dashoffset:50;animation:checkAnimation .8s .5s ease-in-out forwards}@keyframes circleAnimation{to{stroke-dashoffset:0}}@keyframes checkAnimation{to{stroke-dashoffset:0}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-progress{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:20px}.success-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#14f195,#9945ff);transition:width 3s cubic-bezier(.1,.5,.1,1)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;top:-10px;border-radius:0;opacity:.7;animation:confetti-fall 3s linear infinite,confetti-shake 2s ease-in-out infinite}@keyframes confetti-fall{0%{top:-10px;transform:rotate(0)}to{top:100%;transform:rotate(360deg)}}@keyframes confetti-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px) rotate(90deg)}50%{transform:translate(-10px) rotate(180deg)}75%{transform:translate(10px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.light-theme .success-modal-overlay{background-color:#ffffffe6}.light-theme .success-modal{background:linear-gradient(135deg,#f5f5f7e6,#ffffffe6);box-shadow:0 20px 40px #0000001a,0 0 80px #6e56cf1a,0 0 20px #14f1951a}.light-theme .success-message{color:var(--text-secondary)}.password-reset-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0b19e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.password-reset-modal.active{opacity:1;visibility:visible;pointer-events:auto}.password-reset-content{background:linear-gradient(135deg,#1a1625e6,#2a2537e6);border-radius:16px;padding:30px;width:90%;max-width:450px;box-shadow:0 20px 40px #0000004d,0 0 80px #6e56cf33;transform:translateY(20px);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.password-reset-modal.active .password-reset-content{transform:translateY(0);opacity:1}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:5px;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-body{color:var(--text-secondary)}.modal-body p{margin-bottom:20px;line-height:1.6}.btn-reset{width:100%;margin-top:20px}.email-sent-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0b19e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.email-sent-container.active{opacity:1;visibility:visible;pointer-events:auto}.email-sent-content{background:linear-gradient(135deg,#1a1625e6,#2a2537e6);border-radius:16px;padding:40px;width:90%;max-width:400px;box-shadow:0 20px 40px #0000004d,0 0 80px #14f19533;text-align:center;transform:scale(.8);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.email-sent-container.active .email-sent-content{transform:scale(1);opacity:1}.email-sent-icon{position:relative;width:80px;height:80px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.email-icon{animation:email-float 2s ease-in-out infinite}@keyframes email-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.email-sent-content h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.email-sent-content p{color:var(--text-secondary);line-height:1.6}@media (max-width: 576px){.password-reset-modal{align-items:center;padding:10px}.password-reset-content{width:95%;max-width:400px;padding:20px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.password-reset-modal .modal-header h2{font-size:20px}}@media (max-width: 380px){.password-reset-content{width:100%;padding:15px;border-radius:12px}.password-reset-modal .form-group{margin-bottom:15px}}.light-theme .password-reset-modal,.light-theme .email-sent-container{background-color:#ffffffe6}.light-theme .password-reset-content,.light-theme .email-sent-content{background:linear-gradient(135deg,#f5f5f7e6,#ffffffe6);box-shadow:0 20px 40px #0000001a,0 0 80px #6e56cf1a}