@import url("https://fonts.googleapis.com/css2?family=Sansita+One&display=swap");*{margin:0;padding:0;box-sizing:border-box}.remagix-container{font-family:SF Pro,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:#110D25;min-height:100vh;color:#F7F3F7;overflow:hidden;position:relative;max-width:393px;margin:0 auto}.bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.bg-gradient-main{background:radial-gradient(ellipse 54.86% 71.26% at 52.52% 29.12%,#321465 0,rgba(255,255,255,.72) 54%,rgba(10,11,31,0) 100%)}.bg-gradient-main,.bg-gradient-overlay{position:absolute;width:393px;height:852px;left:0;top:0}.bg-gradient-overlay{background:linear-gradient(249deg,#220555,#1E0945 17%,#130A30 63%,#0A0B1F)}.bg-blur-1{left:-8.35px;top:-24.56px}.bg-blur-1,.bg-blur-2{position:absolute;width:150.32px;height:150.32px;background:radial-gradient(ellipse 73.68% 73.68% at 50% 26.32%,rgba(6.75,16.49,104.17,.67) 0,rgba(32.84,27.71,64.86,0) 100%);border-radius:9999px;filter:blur(24.56px)}.bg-blur-2{left:297.7px;top:-34.39px;opacity:.5}.bg-blur-3{left:340.29px;top:-70.74px;background:#FA7328}.bg-blur-3,.bg-blur-4{position:absolute;width:127.46px;height:127.46px;border-radius:9999px;filter:blur(73.69px)}.bg-blur-4{left:-83.85px;top:519.34px;opacity:.5;background:#C905E9}.bg-top-overlay{position:absolute;width:393px;height:168px;left:0;top:0;overflow:hidden}.bg-top-gradient{position:absolute;width:396.02px;height:777.7px;left:0;top:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,0) 11%,rgba(0,0,0,0) 19%,rgba(0,0,0,.6) 26%,black 31%,rgba(115,115,115,0))}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 35px 12px;font-size:17px;font-weight:590;height:54px;position:relative;z-index:10}.time{font-weight:590;letter-spacing:-.4px}.status-icons{display:flex;gap:6px;align-items:center}.signal-bars{display:flex;gap:3px;align-items:flex-end}.signal-bar{width:3px;background:white;border-radius:1px}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:9px}.signal-bar:nth-child(4){height:12px}.wifi-icon{width:17px;height:12px;position:relative}.wifi-icon:before{content:"";position:absolute;width:17px;height:12px;border-radius:16px 16px 0 0;border:3px solid transparent;border-top-color:white;border-bottom:none}.battery{width:25px;height:12px;border:1px solid rgba(255,255,255,.35);border-radius:4.3px;position:relative;padding:2px}.battery:after{content:"";position:absolute;width:1.3px;height:4px;background:rgba(255,255,255,.4);right:-2.5px;top:50%;transform:translateY(-50%);border-radius:0 1px 1px 0}.battery-fill{width:100%;height:100%;background:white;border-radius:2.5px}.header{justify-content:space-between;padding:10px 16px;height:56px;position:relative;z-index:10}.header,.header-left{display:flex;align-items:center}.header-left{gap:8px;flex:1}.menu-icon{width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:pointer;padding:0}.menu-line{width:18px;height:1.5px;background:white;border-radius:1px;margin:0 auto}.logo{font-family:Sansita One,cursive;font-size:24px;font-weight:400;color:white;font-style:normal}.profile-icon{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.profile-icon:before{width:8px;height:8px;border-radius:50%;top:25%}.profile-icon:after,.profile-icon:before{content:"";position:absolute;background:white}.profile-icon:after{width:16px;height:10px;border-radius:8px 8px 0 0;bottom:20%}.main-content{padding:24px 0;position:relative;z-index:10}.title-section{padding:0 24px;margin-bottom:24px}.main-title{width:100%;text-align:center;color:#F7F3F7;margin-bottom:20px}.main-title,.main-title span{font-size:34px;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:41px;word-wrap:break-word}.main-title .gradient-text{background:linear-gradient(90deg,#55ADFF,#CA6CF7 70%,#DBA9FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.description{font-size:17px;font-weight:400;line-height:22px;color:rgba(247,243,247,.6);text-align:center;letter-spacing:-.41px;margin:0 auto}.feature-cards{display:flex;gap:12px;padding:0 16px;margin-bottom:32px}.feature-card{flex:1;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:16px;padding:16px 8px;text-align:center;cursor:pointer;transition:all .3s ease;animation:fadeInUp .5s ease forwards;opacity:0;position:relative;overflow:hidden;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1));opacity:0;transition:opacity .3s ease}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{background:rgba(255,255,255,.12);transform:translateY(-4px);box-shadow:0 10px 30px rgba(139,92,246,.2)}.feature-card:hover:before{opacity:1}.feature-card.active{background:linear-gradient(135deg,rgba(183,148,246,.25),rgba(236,140,252,.25) 50%,rgba(246,135,179,.25));position:relative;overflow:visible;border:2px solid transparent;background-clip:padding-box}.feature-card.active:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#B794F6,#EC8CFC,#F687B3);border-radius:18px;z-index:-1;opacity:.5}.feature-card.active:before{opacity:0}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.feature-card.active .feature-icon{background:linear-gradient(135deg,#B794F6,#EC8CFC 50%,#F687B3);box-shadow:0 4px 12px rgba(183,148,246,.3)}.feature-card.active .feature-icon img{filter:brightness(0) invert(1)}.feature-icon{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;z-index:1}.feature-text{align-self:stretch;text-align:center;color:#F7F3F7;font-size:15px;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:510;line-height:20px;word-wrap:break-word}.upload-container{padding:0 24px}.upload-section{background:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:24px;outline:2px dashed rgba(255,255,255,.1);outline-offset:-2px;padding:32px 24px;text-align:center;animation:fadeInUp .6s ease .4s forwards;opacity:0;display:inline-flex;flex-direction:column;justify-content:flex-start;gap:24px}.upload-icon,.upload-section{position:relative;overflow:hidden;align-items:center}.upload-icon{width:56px;height:56px;display:flex;justify-content:center}.upload-icon img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.upload-content{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;display:flex}.upload-title{align-self:stretch;text-align:center;color:#F7F3F7;font-size:20px;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:590;line-height:25px;word-wrap:break-word}.upload-actions{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;display:flex}.upload-button{width:100%;max-width:297px;height:56px;background:linear-gradient(90deg,#55ADFF,#CA6CF7 70%,#DBA9FC);border:none;border-radius:888px;color:#F7F3F7;font-size:20px;font-weight:700;letter-spacing:-.4px;cursor:pointer;transition:all .3s ease;margin-bottom:12px;position:relative;overflow:hidden}.upload-button: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}.upload-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(139,92,246,.4)}.upload-button:hover:before{left:100%}.upload-button:active{transform:translateY(0);box-shadow:0 5px 15px rgba(139,92,246,.3)}.upload-note{font-size:13px;font-weight:400;line-height:18px;color:rgba(247,243,247,.6);letter-spacing:-.4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:393px){.remagix-container{max-width:100%}.status-bar{padding:18px 20px 12px}}