@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropBounce{0%{transform:scale(.8) translateY(-20px);opacity:0}60%{transform:scale(1.1) translateY(5px)}80%{transform:scale(.95) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 2px rgba(21,239,147,0))}50%{filter:drop-shadow(0 0 8px rgba(21,239,147,.3))}to{filter:drop-shadow(0 0 2px rgba(21,239,147,0))}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-style:normal}body{background-color:#0a1027;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;transition:min-height .3s ease}.container{max-width:28rem;width:100%;text-align:center;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.3s}.drop-icon{width:200px;height:200px;margin:0 auto 24px;opacity:0;animation:dropBounce 1s ease-out forwards,glowPulse 3s ease-in-out infinite}.drop-icon img{width:100%;height:100%;fill:#00ffb2;transition:transform .3s ease}.drop-icon:hover img{transform:scale(1.05)}h1{font-size:1.875rem;margin-bottom:8px;color:#fff;font-weight:600;line-height:1.5rem;transform:translateY(20px);opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:.5s}.header-title{margin-bottom:20px}.subtitle{color:#94a3b8;font-size:1rem;margin-bottom:32px;line-height:1.5rem;transform:translateY(20px);opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:.7s}.step-text{color:#fff;font-size:1rem;margin-bottom:8px;text-align:left;line-height:1.5rem;transform:translateY(20px);opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:.9s}.input-container{position:relative;margin-bottom:16px;margin-top:16px;transform:translateY(20px);opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:1.1s}.search-icon{position:absolute;left:12px;top:56%;transform:translateY(-50%);z-index:1;transition:transform .3s ease}.search-icon svg{color:#15ef93;transition:color .3s ease}input{width:100%;height:40px;padding:12px 12px 12px 40px;border-radius:8px;border:1px solid #1E293B;background-color:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;line-height:20px;outline:none;transition:all .3s ease}input::-moz-placeholder{color:#ffffff69;font-weight:400;-moz-transition:color .3s ease;transition:color .3s ease}input::placeholder{color:#ffffff69;font-weight:400;transition:color .3s ease}input:focus{background-color:#0f172a;border-color:#00ffb2;box-shadow:0 0 0 1px #00ffb2;transform:translateY(-1px)}input:focus+.search-icon{transform:translateY(-50%) scale(1.1)}input:not(:-moz-placeholder-shown){background-color:#0f172a;border-color:#1e293b}input:not(:placeholder-shown){background-color:#0f172a;border-color:#1e293b}button.enabled{opacity:1;color:#0f172a;cursor:pointer}button:hover{transform:scale(1.05);transition:transform .2s ease}button.enabled:active{transform:translateY(0);box-shadow:0 2px 8px #15ef9333}.powered-by{margin-top:40px;color:#94a3b8;font-size:.8rem;line-height:16px;display:flex;gap:15px;flex-direction:column;align-items:center;transform:translateY(20px);opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:1.5s}.powered-by img{width:25px;height:25px;transition:transform .3s ease}.powered-by img:hover{transform:scale(1.1)}.powered-by p{display:block;transition:color .3s ease}.powered-by:hover p{color:#fff}.powered-by p a{text-decoration:unset;color:#10805d}@media (max-width: 480px){.container{padding:0 16px}.drop-icon{width:200px;height:200px}}.loading-spinner{width:20px;height:20px;margin-right:8px;vertical-align:middle;animation:rotate 1s linear infinite;display:inline-block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{position:fixed;top:20px;right:-100%;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:right .3s ease;z-index:1000}.notification h4{color:#0a1027;font-weight:600;font-size:.9rem;margin-bottom:4px}.notification p{color:#64748b;font-size:.8rem;margin:0}.notification.show{right:20px}.step-2{display:none;opacity:0;transform:translateY(20px);transition:all .3s ease;text-align:left}.step-2.show{display:block;opacity:1;transform:translateY(0)}.step-2 h2{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff;text-align:center}.verification-label{font-size:1.125rem;color:#fff;text-align:left;margin-bottom:12px;margin-top:12px;line-height:1.75rem}.code-container{background:#000;padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.code{color:#15ef93;font-family:monospace;font-size:1.125rem}.copy-btn{border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:.5rem;opacity:1;background:#15ef93}.copy-btn:hover{opacity:.9;transform:scale(1.05)}.copy-btn svg{width:18px;height:18px;color:#d5d5d5}.instruction-text{color:#94a3b8;font-size:.9rem;margin-bottom:-10px;text-align:left;line-height:1.2rem}.startButton{width:100%;height:44px;background:#15ef93;border:none;border-radius:8px;color:#0a1027;font-weight:600;font-size:1rem;cursor:pointer;margin:24px 0 12px;transition:all .2s ease;opacity:1}.startButton:hover{transform:scale(1.05)}.verify-btn{width:100%;height:44px;background:#15ef93;border:none;border-radius:8px;color:#0a1027;font-weight:600;font-size:1rem;cursor:pointer;margin:24px 0 12px;transition:all .2s ease;opacity:1}.verify-btn:hover{transform:scale(1.05)}.edit-btn{width:100%;height:44px;background:#e74c3c;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;opacity:1}.edit-btn:hover{transform:scale(1.05)}.loading-spinner{width:20px;height:20px;margin-right:8px;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.drop-icon-small img{animation:scalePulse 1.5s infinite}.logout{text-decoration:none;color:#10805d}.logout:hover{opacity:.7}.logout-step3{width:10%;margin:20px auto auto;font-size:.85rem;display:block}
