:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--green-50: #f0fdf4;--green-600: #16a34a;--green-700: #15803d;--teal-50: #f0fdfa}.font-inter{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.bg-recycle-gradient{background:linear-gradient(135deg,var(--emerald-50) 0%,var(--green-50) 50%,var(--teal-50) 100%)}.bg-recycle-logo{background:linear-gradient(45deg,var(--emerald-500),var(--green-600))}.bg-recycle-button{background:linear-gradient(45deg,var(--emerald-600),var(--green-600))}.bg-recycle-button:hover{background:linear-gradient(45deg,var(--emerald-700),var(--green-700))}.glass-card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8)}.glass-input{background:#ffffff80;transition:all .3s ease}.glass-input:hover{background:#ffffffb3}.glass-input:focus{background:rgba(255,255,255,);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-emerald{0%,to{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}}.animate-pulse-emerald{animation:pulse-emerald 2s infinite}.recycle-logo{transition:all .3s ease}.recycle-logo:hover{transform:scale(1.05) rotate(5deg)}.form-group{position:relative;margin-bottom:1.5rem}.form-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px #10b9811a}.form-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--emerald-400);transition:color .3s ease}.form-group:focus-within .form-icon{color:var(--emerald-600)}.btn-recycle{position:relative;width:100%;padding:1rem 2rem;font-weight:600;font-size:1rem;border:none;border-radius:.75rem;color:#fff;cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-recycle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-recycle:hover:before{left:100%}.btn-recycle:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-recycle:active{transform:translateY(0)}.btn-oauth{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500;color:#374151;text-decoration:none;transition:all .3s ease}.btn-oauth:hover{background:#fffc;border-color:var(--emerald-400);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.error-message{margin-top:.5rem;font-size:.875rem;color:#dc2626;font-weight:500}.loading{pointer-events:none;opacity:.7}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.glass-card{margin:1rem;padding:1.5rem}.form-input{padding:.875rem 1rem .875rem 2.5rem;font-size:1rem}.btn-recycle{padding:.875rem 1.5rem}}