body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:#121212;color:#fff;font-family:Poppins,sans-serif;height:100%;margin:0;overflow-x:hidden}#root{flex-direction:column;justify-content:flex-start;min-height:100vh}#root,.app-header{align-items:center;display:flex;padding:20px}.app-header{background:#121212;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}.hypra-title-link{color:#9861ec;text-decoration:none}.hypra-title{font-weight:600}.header-left{flex:1 1}.header-buttons{display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.connect-wallet-btn,.small-action-btn{border:none;border-radius:25px;box-shadow:0 4px 14px #0000004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.connect-wallet-btn{background:linear-gradient(145deg,#7c4dff,#bb86fc);color:#fff;font-size:.8rem;padding:8px 16px}.header-instruction{bottom:-30px;left:0;position:absolute;width:100%}.app-container{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;margin-bottom:60px;margin-top:160px;max-width:500px;padding:40px;width:100%}@media (max-width:768px){.app-header{padding:10px}.app-container{margin-top:60px}}.subtitle-text{margin-bottom:20px}.artistic-text{color:#bb86fc;filter:drop-shadow(2px 4px 6px #7C4DFF);font-size:2rem;margin-bottom:30px;text-align:center}*,:after,:before{box-sizing:border-box}button,input[type=text],select{background:#333;border:none;border-radius:25px;box-shadow:0 4px 14px #0000004d;color:#bb86fc;cursor:pointer;font-size:1rem;height:48px;margin-bottom:10px;padding:12px 20px;transition:transform .2s,box-shadow .2s;width:100%}button:hover,input[type=text]:hover,select:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}button:active,input[type=text]:active,select:active{transform:translateY(1px)}.action-btn,.connect-wallet-btn{background:linear-gradient(145deg,#7c4dff,#bb86fc);color:#fff}input[type=text]{background-color:#2c2c2c;border:2px solid #7c4dff;color:#bb86fc}input[type=text]::placeholder{color:#a1a1a1}input[type=text]:focus{border-color:#bb86fc}.error-message{color:#f55;font-size:.9rem;margin-bottom:10px;margin-top:-5px;text-align:left;width:100%}.input-error{animation:shake .3s;border:2px solid #f55}@keyframes shake{0%,to{transform:translateX(-5px)}50%{transform:translateX(5px)}}input[type=text].input-error:focus{border-color:#f55}@media (max-width:768px){.app-container{padding:20px}.artistic-text{font-size:1.8rem}button,input[type=text],select{height:40px;padding:10px 15px}.error-message{font-size:.8rem}}@media only screen and (max-width:600px){.app-container{border-radius:15px}button,input[type=text],select{font-size:.9rem;height:38px;padding:8px 14px}.error-message{font-size:.75rem}}.progress-container{align-items:center;background:#333;border-radius:25px;box-shadow:0 4px 14px #0000004d;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px;padding:10px}.progress-authorize,.progress-deposit{margin-bottom:10px;margin-top:5px}.progress-bar{-webkit-appearance:none;appearance:none;border-radius:25px;height:20px;width:85%}.progress-bar::-webkit-progress-bar{background-color:#2c2c2c;border-radius:25px}.progress-bar::-webkit-progress-value{background:linear-gradient(90deg,#7c4dff,#bb86fc);border-radius:25px}.progress-bar::-moz-progress-bar{background:linear-gradient(90deg,#7c4dff,#bb86fc);border-radius:25px}.progress-text{color:#bb86fc;font-weight:700;text-align:center;width:15%}.small-action-btn{background:linear-gradient(145deg,#7c4dff,#bb86fc);color:#fff;font-size:.8rem;height:38px;margin:8px;padding:8px 16px}.small-action-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.small-action-btn:active{transform:translateY(1px)}.subtitle-text{color:#bb86fc;font-size:1rem;margin-bottom:10px;text-align:center}.token-buttons-container{display:flex;justify-content:center;margin:10px 0}.header-instruction{text-align:center}.get-more-whyp-btn,.header-instruction{color:#fff;font-size:.8rem;margin-top:10px}.get-more-whyp-btn{background:linear-gradient(145deg,#7c4dff,#bb86fc);border:none;border-radius:25px;box-shadow:0 4px 14px #0000004d;cursor:pointer;display:inline-block;padding:8px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.get-more-whyp-btn:focus,.get-more-whyp-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.get-more-whyp-btn:active{transform:translateY(1px)}.hypra-title{color:#9861ec;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-right:20px}.header-left{align-items:center;display:flex;flex:none;justify-content:flex-start}.header-button{background-color:initial;border:1px solid #fff;border-radius:25px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8rem;margin-left:10px;padding:5px 10px;transition:all .2s ease-in-out;width:auto}.header-button:hover{background-color:#f99007;color:#000}@media (max-width:768px){.app-header{align-items:center;flex-direction:column;padding:10px}.connect-wallet-container,.header-buttons,.header-left{align-items:center;flex-direction:column;justify-content:center;width:100%}.connect-wallet-btn,.header-button,.small-action-btn{margin:8px 0;width:100%}.header-instruction{bottom:auto;margin-top:20px;position:static;text-align:center}.hypra-title{margin-bottom:10px}.header-buttons{flex-wrap:wrap;left:auto;position:relative;transform:none}.app-container{margin-top:500px}}
/*# sourceMappingURL=main.474eb064.css.map*/