:root{--peach-primary: #fee3e8;--peach-secondary: #FF6B6B;--peach-accent: #FF9A8B;--peach-background: #FFF4F2;--peach-dark: #5F38C0;--canvas-background: #3A215C;--canvas-spots: #8F6BC8;--text-dark: #4A3F3A;--text-light: #FFFFFF;--transition-duration: .3s}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--peach-background);z-index:1000;gap:1rem}.loading:after{content:"";width:40px;height:40px;border:4px solid var(--peach-accent);border-top:4px solid var(--peach-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{background-color:var(--peach-background);color:var(--text-dark);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;position:relative}.card{width:100%;max-width:380px;background-color:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 12px 32px #ff9a8b26;transition:transform var(--transition-duration)}.logo-container{width:100%;aspect-ratio:1 / 1;position:relative;background-color:#fff;overflow:hidden}.logo{width:100%;height:100%;object-fit:cover}.form-content{padding:32px 24px;background-color:#fff}.input-field{margin-bottom:16px}input{width:100%;padding:16px;background-color:var(--peach-background);color:var(--text-dark);border:none;border-radius:12px;font-size:16px;font-weight:400;transition:all .2s ease}input::placeholder{color:#b3a8a5}input:focus{outline:none;box-shadow:0 0 0 2px var(--peach-primary)}.connect-button{width:100%;padding:16px;background-color:var(--peach-primary);color:var(--text-light);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-duration)}.connect-button:hover{background-color:var(--peach-dark);transform:translateY(-1px)}.connect-button:active{transform:translateY(0)}.error-message{color:var(--peach-secondary);font-size:14px;margin-top:4px;text-align:left}