.loader_container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}:root{--emity-main-color: #e7267a;--P_color2: #952450;--P_color3: #6e203d;--P_color4: #4a1a2a;--P_color5: #281219;--bg-color: #1a2035}.body{width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:16px;background:#1a2035;color:#fefefe;overflow:hidden!important}.body .Square404{position:relative;display:flex;justify-content:center;align-items:center;width:50%}.body .Square404 .Square{width:20vw;height:20vw;position:absolute;border-radius:1.2rem;background:var(--emity-main-color);box-shadow:var(--P_color2) 0 0 5px 30px,var(--P_color4) 0 0 10px 60px,var(--P_color5) 0 0 15px 90px;transform:rotate(-21deg);display:flex;justify-content:center;align-items:center;z-index:1}.body .Square404 .Square h1{font-size:10vw;color:#1a2035;transform:translateZ(90px);text-shadow:0 0 2px rgba(0,0,0,.6);user-select:none}.body .texts,.texts{z-index:5;padding:.8rem;margin:.3rem;width:500px}.texts h4{font-size:2.5rem}@media (max-width: 768px){.body{flex-direction:column;justify-content:space-evenly}.Square404{width:100%}.Square{width:150px;height:150px}.Square h1{font-size:70px}.texts{width:100%!important;display:flex;flex-direction:column;align-items:center}.texts h4{font-size:clamp(20px,8vw,40px)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}.emity-input-container{min-height:100vh;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;background:linear-gradient(135deg,#fce7f1,#fff,#fce7f1);padding:1rem;position:relative}.emity-input-wrapper{width:100%;max-width:28rem;position:relative}.background-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30rem;height:30rem;border-radius:50%;filter:blur(100px);opacity:.3;background:radial-gradient(circle,#e7267a 0%,transparent 60%);animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.4}}.input-section{position:relative;z-index:10}.input-label{display:block;margin-bottom:.75rem;font-weight:600;color:#475569;font-size:1.2rem;transition:all .3s ease}.input-label.active{color:#e7267a;font-size:1rem;font-weight:700}.input-border{position:relative;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(231,38,122,.15),0 2px 4px -2px rgba(231,38,122,.1);transition:box-shadow .3s ease}.input-border.focused{box-shadow:0 20px 25px -5px rgba(231,38,122,.25),0 10px 10px -5px rgba(231,38,122,.15)}.gradient-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;opacity:0;transition:opacity .3s ease;background:linear-gradient(135deg,#e7267a,#ff6b9d);padding:2px}.gradient-border.visible{opacity:1}.gradient-border-inner{width:100%;height:100%;background:#fff;border-radius:1rem}.input-field{position:relative;width:100%;padding:1rem 1.5rem;font-size:1.125rem;background:#fff;border-radius:1rem;border:2px solid #fce7f1;outline:none;transition:all .3s ease;-webkit-text-size-adjust:100%;touch-action:manipulation}.input-field:hover{border-color:#ff6b9d}.input-field.focused{border-color:transparent}.input-field::placeholder{color:#94a3b8}.animated-underline{position:absolute;bottom:0;left:0;height:3px;width:0%;background:linear-gradient(to right,#e7267a,#ff6b9d);border-radius:9999px;transition:width .3s ease}.animated-underline.active{width:100%}.decorative-dot{position:absolute;border-radius:50%}.decorative-dot.top-right{top:-.5rem;right:-.5rem;width:1rem;height:1rem;background-color:#e7267a;opacity:.5;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.decorative-dot.bottom-left{bottom:-.5rem;left:-.5rem;width:.75rem;height:.75rem;background-color:#ff6b9d;opacity:.7;animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse-dot{0%,to{opacity:.7}50%{opacity:.4}}.results-container{margin-top:1rem;background:#fff;border-radius:1rem;border:2px solid #e7267a;overflow:hidden;box-shadow:0 10px 15px -3px rgba(231,38,122,.2),0 4px 6px -4px rgba(231,38,122,.15);animation:slideUp .4s ease-out}.results-header{padding:.75rem 1.25rem;background:#e7267a;color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.025em}.results-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.result-item{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #fce7f1;cursor:pointer;transition:all .2s ease}.result-item:last-child{border-bottom:none}.result-item:hover{background:linear-gradient(90deg,#fce7f1 0%,transparent 100%);transform:translate(4px)}.result-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#e7267a,#ff6b9d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-right:1rem;flex-shrink:0;text-transform:uppercase}.result-info{flex:1;min-width:0}.result-name{font-weight:600;font-size:1rem;color:#1e293b;margin-bottom:.25rem}.result-id{font-size:.875rem;color:#e7267a;font-weight:500}.no-results{margin-top:1rem;padding:2rem;background:#fff;border-radius:1rem;border:2px dashed #ff6b9d;text-align:center;color:#475569;font-weight:500;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track{background:#fce7f1}.results-list::-webkit-scrollbar-thumb{background:#e7267a;border-radius:3px}.results-list::-webkit-scrollbar-thumb:hover{background:#c41e63}@media (max-width: 640px){.input-field{font-size:16px!important}.emity-input-container{padding:.5rem}.result-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}.result-item{padding:.875rem 1rem}}.message-toast{position:fixed;bottom:8rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e7267a,#ff6b9d);color:#fff;padding:1rem 2rem;border-radius:1rem;box-shadow:0 10px 25px rgba(231,38,122,.4);font-weight:600;font-size:.95rem;z-index:1000;min-width:300px;text-align:center}@media (max-width: 640px){.message-toast{bottom:8rem;left:1rem;right:1rem;transform:none;min-width:auto}}.disco-mode{display:flex;justify-content:center;align-items:center;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.disco-mode>button{font-size:.95rem;font-weight:700;color:#e7267a;text-transform:uppercase;margin:0 .5em;padding:0 .5em;border:.2em solid #e7267a;border-radius:.6rem;background-color:unset;font-family:Nunito,sans-serif;width:180px;height:40px}