:root{--primary-bg: rgba(17, 24, 39, .4);--card-bg: rgba(31, 41, 55, .4);--input-bg: rgba(55, 65, 81, .3);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(209, 213, 219, .8);--border-color: rgba(255, 255, 255, .1);--focus-ring: rgba(59, 130, 246, .5)}.glass-effect{background:#11182766;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.form-input{border-color:#ffffff1a;background-color:#ffffff1a;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.form-input:focus{border-color:#fff3;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(255 255 255 / .2);box-shadow:0 0 20px #ffffff1a;border-left:0 0 20px rgba(17,99,175,.1)}.btn-primary{background-color:#ffffff1a;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.btn-primary:hover{background-color:#fff3}.btn-primary{transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.social-icon{height:3rem;width:3rem;border-radius:1rem;background-color:#ffffff1a;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition:all .3s ease}.social-icon:hover{background-color:#fff3;transform:translateY(-2px) rotate(6deg);box-shadow:0 8px 20px #0003}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}input[type=text],input[type=email],input[type=password]{border-color:#ffffff1a;background-color:#ffffff1a;color:#ffffffe6;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#fff3;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(255 255 255 / .2);box-shadow:0 0 20px #ffffff1a}input[type=checkbox]{border-color:#ffffff1a;background-color:#ffffff1a}input[type=checkbox]:checked{background-color:#3b82f6cc}label,a{color:#fffc}a:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}a{transition:all .2s ease}@media (max-width: 640px){.glass-effect{margin:1rem;padding:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.shadow-glass{box-shadow:0 8px 32px #0000001a}.transition-glass{transition:all .3s ease}.bg-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.error-message{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1));animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.icon-button{height:3rem;width:3rem}.icon-buton i{width:full;height:full}.fa-google:before{width:100%;height:100%;color:transparent;-webkit-text-fill-color:transparent;background:conic-gradient(from 180deg,#ea4335 20%,#4285f4,#fbbc05,#34a853 80%);-webkit-background-clip:text;background-clip:text}
