@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";.app-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ccc}.mobile-frame{width:375px;height:700px;background:#f7f8f9;box-shadow:0 0 20px #00000026;overflow-y:auto;position:relative;display:flex;flex-direction:column}.mobile-frame::-webkit-scrollbar{display:none}@media screen and (max-width:480px){.app-wrapper{background-color:#f7f8f9;align-items:flex-start}.mobile-frame{width:100%;height:100vh;box-shadow:none}}.landing{height:100%;padding:40px 24px;display:flex;flex-direction:column;justify-content:flex-end;gap:30px}.landing-content h1{font-size:28px;font-weight:500;margin-bottom:10px;color:#1d2226;line-height:1.2}.landing-content p{font-size:18px;color:#1d2226;line-height:1.5;margin:0;opacity:.7}.landing-actions{display:flex;flex-direction:column;gap:12px}.btn{height:46px;width:100%;border-radius:6px;border:none;font-size:16px;font-weight:500;cursor:pointer;font-family:Rubik,sans-serif;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background-color:#6c25ff;color:#fff}.btn-secondary{background-color:#6c25ff4b;color:#1d2226;font-weight:500}.form-page{padding:30px 24px;display:flex;flex-direction:column;height:100%}.form-page h1{font-size:28px;font-weight:500;margin-bottom:24px;line-height:1.3;color:#1d2226}.form-subtext{font-size:18px;color:#1d2226;line-height:1.5;margin-bottom:32px;opacity:.7}.form-group{margin-bottom:24px;position:relative}.form-group label{position:absolute;top:-9px;left:12px;background-color:#f7f8f9;padding:0 4px;font-size:13px;color:#6c25ff;font-weight:500;z-index:1}.form-group label span{color:#dd4a3d;margin-left:2px}.form-group input{width:100%;padding:12px 16px;border-radius:6px;border:1px solid #CBCBCB;background-color:transparent;font-size:14px;color:#1d2226;outline:none;font-family:Rubik,sans-serif}.form-group input::placeholder{color:#919191}.btn-disabled{margin-top:auto;background-color:#cbcbcb;color:#fff;cursor:default}.radio-group{margin:10px 0 40px}.radio-group p{font-size:14px;margin-bottom:12px;color:#1d2226}.radio-group p span{color:#dd4a3d;margin-left:2px}.radio-options{display:flex;gap:20px}.radio-options label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:#1d2226}.radio-options input[type=radio]{width:20px;height:20px;accent-color:#6C25FF;margin:0;cursor:pointer}.profile-page{background-color:#f7f8f9;height:100%;display:flex;flex-direction:column}.profile-title{background-color:#fff;font-size:18px;font-weight:500;color:#1d2226;padding:26px 20px;margin:0;box-shadow:0 1px 2px #0000000d}.profile-card{padding:24px 20px}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.avatar{width:76px;height:76px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6c25ff;font-size:24px;position:relative}.camera-icon{position:absolute;bottom:0;right:-4px;background-color:#6c25ff;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #FFFFFF;cursor:pointer}.profile-info h3{margin:0 0 4px;font-size:15px;font-weight:500;color:#1d2226}.profile-info p{margin:0;font-size:14px;color:#1d2226}.profile-desc{font-size:14px;color:#1d2226;line-height:1.5;border-top:1px dashed #CBCBCB;padding-top:24px;margin:0;opacity:.9}*{box-sizing:border-box}body{margin:0;background-color:#000;font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased}