@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--md-primary:#ee2b3e;--md-primary-hover:#e90c22;--md-primary-container:#ee2b3e26;--md-on-primary-container:#f4717e;--md-background:#0c0e13;--md-surface:#161a22;--md-surface-variant:#22272f;--md-on-surface:#e3e5e8;--md-on-surface-variant:#b9bdc6;--md-outline:#ffffff14;--md-outline-focus:#ee2b3e;--md-success:#22c35d;--md-success-container:#10b9811f;--md-danger:#eb4763;--md-danger-container:#ef44441f;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:8px;--elevation-1:0 1px 3px 0 #0000004d, 0 1px 2px 0 #00000026;--elevation-2:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--transition-smooth:all .2s cubic-bezier(.2, 0, 0, 1)}.light-theme{--md-primary:#d41125;--md-primary-hover:#b80a1b;--md-primary-container:#d411251a;--md-on-primary-container:#970c1a;--md-background:#f3f4f6;--md-surface:#fff;--md-surface-variant:#e8eaee;--md-on-surface:#131720;--md-on-surface-variant:#505662;--md-outline:#00000014;--md-outline-focus:#d41125;--md-success:#169c47;--md-success-container:#10b98114;--md-danger:#dc1839;--md-danger-container:#ef444414;--elevation-1:0 1px 2px 0 #0000000d, 0 1px 3px 1px #0000001a;--elevation-2:0 3px 6px 1px #00000014, 0 2px 4px 0 #0000000f}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit}body{font-family:var(--font-sans);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:radial-gradient(circle at 50% 25%,#171c26 0%,#08090d 100%);min-height:100vh}.phone-shell{background-color:var(--md-background);width:100%;min-height:100vh;color:var(--md-on-surface);z-index:2;flex-direction:column;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}.app-nav-bar{z-index:10;background-color:var(--md-surface);border-bottom:1px solid var(--md-outline);box-shadow:var(--elevation-1);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.app-logo{letter-spacing:-.02em;color:var(--md-on-surface);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.app-logo svg{color:var(--md-primary)}.theme-toggle-btn{cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;background:var(--md-surface-variant)!important;border:1px solid var(--md-outline)!important;color:var(--md-on-surface)!important}.theme-toggle-btn:hover{background:var(--md-outline)!important}.logout-btn{cursor:pointer;transition:var(--transition-smooth);border-radius:20px;align-items:center;gap:.35rem;padding:.5rem .95rem;font-size:.75rem;font-weight:600;display:flex;border:1px solid var(--md-outline)!important;color:var(--md-on-surface-variant)!important;background:0 0!important}.logout-btn:hover{background-color:var(--md-surface-variant)!important;color:var(--md-on-surface)!important;border-color:var(--md-on-surface-variant)!important}.app-content{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1.25rem 6.5rem;display:flex}.bottom-nav{height:calc(80px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:var(--md-surface);border-top:1px solid var(--md-outline);z-index:20;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000026}.nav-tab{color:var(--md-on-surface-variant);cursor:pointer;width:72px;height:100%;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-tab-icon-wrapper{width:56px;height:32px;transition:var(--transition-smooth);border-radius:16px;justify-content:center;align-items:center;display:flex}.nav-tab:hover .nav-tab-icon-wrapper{background-color:var(--md-surface-variant)}.nav-tab.active .nav-tab-icon-wrapper{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.nav-tab-icon{display:inline-flex}.nav-tab-label{letter-spacing:.01em;font-size:.7rem;font-weight:600}.nav-tab.active .nav-tab-label{color:var(--md-primary);font-weight:700}.circular-points-container{flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0;display:flex}.circular-points-ring{background:radial-gradient(circle, var(--md-primary-container) 0%, #0000 80%);border:4px solid var(--md-outline);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:inset 0 0 10px #0003}.circular-points-glow{border:4px solid #0000;border-top-color:var(--md-primary);border-right-color:var(--md-primary);pointer-events:none;border-radius:50%;animation:60s linear infinite spin;position:absolute;inset:-4px}.points-text{color:var(--md-primary);letter-spacing:-.03em;font-size:2.75rem;font-weight:800;line-height:1}.points-label-sm{text-transform:uppercase;letter-spacing:.1em;color:var(--md-on-surface-variant);margin-top:.35rem;font-size:.7rem;font-weight:700}.tier-badge{background:var(--md-surface-variant);border:1px solid var(--md-outline);letter-spacing:.02em;color:var(--md-primary);box-shadow:var(--elevation-1);border-radius:24px;align-items:center;gap:.35rem;margin-top:1rem;padding:.45rem 1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.milestones-timeline{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.milestone-row{gap:1rem;display:flex;position:relative}.milestone-node-container{flex-direction:column;align-items:center;display:flex}.milestone-node{border:2px solid var(--md-outline);background-color:var(--md-surface);width:24px;height:24px;color:var(--md-on-surface-variant);z-index:2;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.milestone-node.completed{border-color:var(--md-primary);background-color:var(--md-primary);color:#0c0e12}.milestone-line{background-color:var(--md-outline);z-index:1;flex:1;width:2px;margin:4px 0}.milestone-line.completed{background-color:var(--md-primary)}.milestone-content{flex:1;justify-content:space-between;align-items:flex-start;padding-bottom:1.25rem;display:flex}.milestone-title{color:var(--md-on-surface);font-size:.95rem;font-weight:700}.milestone-desc{color:var(--md-on-surface-variant);margin-top:.2rem;font-size:.8rem;line-height:1.4}.milestone-value{color:var(--md-on-surface-variant);background-color:var(--md-surface-variant);border:1px solid var(--md-outline);border-radius:8px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.milestone-value.completed{color:var(--md-primary);border-color:var(--md-primary-container);background-color:var(--md-primary-container)}.file-upload-container{background-color:var(--md-background);border:2px dashed var(--md-outline);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--md-on-surface-variant);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.85rem 1rem;font-size:.8rem;font-weight:600;display:flex}.file-upload-container:hover{border-color:var(--md-outline-focus);color:var(--md-primary);background-color:var(--md-primary-container)}.segmented-control{background-color:var(--md-surface-variant);border:1px solid var(--md-outline);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:20px;margin-bottom:1.5rem;padding:4px;display:flex;overflow-x:auto}.segmented-control::-webkit-scrollbar{display:none}.segmented-control-btn{text-align:center;color:var(--md-on-surface-variant);transition:var(--transition-smooth);z-index:5;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:16px;flex:1 0;padding:.55rem .75rem;font-size:.85rem;font-weight:700;position:relative}.segmented-control-btn.active{box-shadow:var(--elevation-1);background-color:var(--md-primary)!important;color:var(--md-background)!important}.glass-card{background-color:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:1.25rem;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),background-color .2s}.glass-card:hover{box-shadow:var(--elevation-2)}.glass-card:active{transform:scale(.985)}.welcome-bar{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.user-info{align-items:center;gap:.75rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--md-primary) 0%, var(--accent) 100%);color:#0d0f14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.auth-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.auth-desc{color:var(--md-on-surface-variant);margin-bottom:1.25rem;font-size:.8rem;line-height:1.45}.app-input-group{margin-bottom:1.25rem}.app-label{color:var(--md-on-surface-variant);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.app-input-wrapper{align-items:center;display:flex;position:relative}.app-input{background-color:var(--md-background);border:1px solid var(--md-outline);border-radius:var(--radius-sm);width:100%;color:var(--md-on-surface);font-size:.9rem;font-family:var(--font-sans);transition:var(--transition-smooth);padding:.85rem 1rem .85rem 2.5rem}.app-input:focus{border-color:var(--md-outline-focus);box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.app-input-icon{color:var(--md-on-surface-variant);display:flex;position:absolute;left:.85rem}.app-input:focus+.app-input-icon{color:var(--md-primary)}.app-btn{background-color:var(--md-primary);width:100%;color:var(--md-background);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--elevation-1);border:none;border-radius:24px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:700;transition:transform .15s cubic-bezier(.2,0,0,1),background-color .2s,box-shadow .2s;display:flex}.app-btn:hover{background-color:var(--md-primary-hover);box-shadow:var(--elevation-2)}.app-btn:active{transform:scale(.96)}.app-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.app-btn-secondary{border:1px solid var(--md-outline);color:var(--md-primary);box-shadow:none;background-color:#0000}.app-btn-secondary:hover{background-color:var(--md-primary-container)}.app-toast{border-radius:var(--radius-md);box-shadow:var(--elevation-2);align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:700;line-height:1.45;animation:.2s ease-out slideIn;display:flex}.toast-error{background-color:var(--md-danger-container);color:#ff8080;border:1px solid #ef44444d}.light-theme .toast-error{color:#aa0924}.toast-success{background-color:var(--md-success-container);color:#60ff80;border:1px solid #10b9814d}.light-theme .toast-success{color:#067930}.toast-info{background-color:var(--md-primary-container);border:1px solid var(--md-outline);color:#fc6}.light-theme .toast-info{color:#aa6f09}.dev-otp-display{background-color:var(--md-surface-variant);border-radius:var(--radius-sm);border:1px dashed var(--md-primary);text-align:center;color:var(--md-primary);margin-top:.5rem;padding:.4rem;font-family:monospace;font-weight:700}.list-header{color:var(--md-on-surface);margin-bottom:.65rem;font-size:.85rem;font-weight:700}.list-container{flex-direction:column;gap:.75rem;display:flex}.list-item{background-color:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--radius-md);transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.list-item:hover{background-color:var(--md-surface-variant)}.item-left{flex-direction:column;gap:.2rem;display:flex}.item-title{font-size:.95rem;font-weight:700}.item-desc{color:var(--md-on-surface-variant);font-size:.8rem;line-height:1.4}.item-right{color:var(--md-primary);font-size:.95rem;font-weight:700}.reward-card{border-radius:var(--radius-lg);background-color:var(--md-surface);border:1px solid var(--md-outline);box-shadow:var(--elevation-1);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.reward-card:active{transform:scale(.985)}.reward-card:after{content:"";background-color:var(--md-primary);width:4px;height:100%;position:absolute;top:0;left:0}.reward-card.locked{opacity:.6}.reward-card.locked:after{background-color:var(--md-on-surface-variant)}.reward-btn{cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:20px;padding:.55rem 1.25rem;transition:transform .15s cubic-bezier(.2,0,0,1),background-color .2s}.reward-btn:active:not(.locked){transform:scale(.95)}.reward-btn.active{background-color:var(--md-primary);color:var(--md-background)}.reward-btn.active:hover{background-color:var(--md-primary-hover)}.reward-btn.locked{background-color:var(--md-surface-variant);color:var(--md-on-surface-variant);border:1px solid var(--md-outline);cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes indeterminateProgress{0%{left:-40%}50%{left:40%}to{left:100%}}.indeterminate-bar{animation:1.5s linear infinite indeterminateProgress}