@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--purple: #6c25ff;--purple-light: #cebafb}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,sans-serif;background:#e1e1e1;overflow:hidden}@media(max-width:600px){body{background:#f7f7f8;overflow:auto}}button{cursor:pointer;font-family:inherit;border:none}input{font-family:inherit;border:none;background:transparent}.frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:#e1e1e1;padding:20px 0}.frame-shell{width:394px;height:min(800px,90vh);background:#f7f7f8;border-radius:20px;border:1px solid #ccc;overflow:hidden;position:relative;box-shadow:0 10px 30px #0000001a}.frame-content{width:100%;height:100%;overflow-y:auto;scrollbar-width:none}.frame-content::-webkit-scrollbar{display:none}.bottom-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0;width:100%;max-width:394px}.nav-icon-btn{background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer}.nav-icon-btn:disabled{opacity:.3}.page-counter{font-size:14px;font-weight:500;color:#555;min-width:60px;text-align:center}@media(max-width:600px){.frame-wrapper{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:0!important;min-height:100vh!important;background:#f7f7f8!important}.frame-shell{width:100%!important;height:calc(100vh - 70px)!important;max-height:none!important;border:none!important;border-radius:0!important;box-shadow:none!important}.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-width:none!important;width:100%!important;background:#fff!important;border-top:1px solid #e0e0e0!important;height:70px!important;z-index:999!important;padding:0!important}}.welcome-root{display:flex;flex-direction:column;height:100%;padding:0 24px 36px;background:#f7f7f8}.welcome-spacer{flex:1}.welcome-bottom{display:flex;flex-direction:column;gap:14px}.welcome-heading{font-size:26px;font-weight:800;color:#222;line-height:1.2}.welcome-sub{font-size:14px;color:#888;line-height:1.6;margin-bottom:4px}.btn{width:100%;padding:15px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.btn-primary{background:var(--purple);color:#fff}.btn-secondary{background:var(--purple-light);color:#222}@media(max-width:600px){.welcome-root{justify-content:center;padding-bottom:0}.welcome-spacer{display:none}}.input-group{display:flex;flex-direction:column;gap:4px}.input-wrap{position:relative;border:1.5px solid #d4d4d4;border-radius:6px;background:#fff;padding:10px 14px 8px;transition:border-color .2s}.input-wrap.input-floated{border-color:var(--purple)}.input-wrap.input-error{border-color:#e53e3e}.input-label{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:14px;color:#7d7d7d;pointer-events:none;transition:all .15s ease;background:#fff;padding:0 3px}.input-floated .input-label{top:0;transform:translateY(-50%);font-size:11px;color:var(--purple)}.input-error .input-label{color:#e53e3e}.input-field{display:block;width:100%;margin-top:8px;font-size:14px;color:#1a1a2e;background:transparent;border:none;outline:none;padding:0}.input-error-msg{font-size:11px;color:#e53e3e;padding-left:2px}.login-root{display:flex;flex-direction:column;padding:32px 24px 36px;background:#f7f7f8;min-height:100%}.login-heading{font-size:26px;font-weight:800;color:#222;line-height:1.3;margin-bottom:12px}.login-sub{font-size:14px;color:#888;line-height:1.6;margin-bottom:28px}.login-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.btn-login{width:100%;padding:15px;border-radius:8px;font-size:15px;font-weight:600;background:#c9c9c9;color:#fff;cursor:not-allowed;border:none;transition:background .25s ease}.btn-login.btn-login--active{background:var(--purple);cursor:pointer}.btn-login.btn-login--active:hover{opacity:.9}.signup-root{display:flex;flex-direction:column;padding:28px 24px 20px;background:#f7f7f8;min-height:100%}.signup-heading{font-size:26px;font-weight:800;color:#222;line-height:1.3;margin-bottom:24px}.signup-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.agency-group{margin-bottom:28px}.agency-label{font-size:14px;color:#333;margin-bottom:10px}.radio-row{display:flex;gap:28px}.radio-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.radio-option input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border-radius:50%;border:2px solid #6c25ff;display:inline-block;position:relative;flex-shrink:0}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#6c25ff}.signup-footer{margin-top:auto;padding-top:12px}.signup-btn{width:100%;padding:15px;background:#c9c9c9;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:not-allowed;transition:background .25s ease}.signup-btn.signup-btn--active{background:#6c25ff;cursor:pointer}.signup-btn.signup-btn--active:hover{opacity:.92}.profile-root{display:flex;flex-direction:column;background:#f7f7f8;min-height:100%}.profile-header{background:#fff;padding:20px 24px;border-bottom:1px solid #e0e0e0}.profile-title{font-size:18px;font-weight:600;color:#222}.profile-body{padding:20px 24px}.profile-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar-wrapper{position:relative;width:72px;height:72px;flex-shrink:0}.avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover}.camera-btn{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:#6c25ff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-name{font-size:15px;font-weight:700;color:#222;margin-bottom:3px}.profile-email{font-size:13px;color:#555}.profile-bio{font-size:13px;color:#444;line-height:1.7;margin-bottom:20px}.divider{border:none;border-top:1.5px dashed #ccc}