:root{--bg-primary:#080807;--bg-secondary:#1d1d1c;--bg-tertiary:#2a2a28;--accent-primary:#f18f2e;--accent-secondary:#e74627;--accent-dark:#7d2817;--accent-gradient:linear-gradient(135deg, #f18f2e 0%, #e74627 100%);--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff59;--text-on-accent:#fff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--font-family:-apple-system, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--shadow-card:0 2px 12px #0000004d;--shadow-button:0 4px 16px #f18f2e4d;--bottom-nav-height:72px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%}html,body{-webkit-overflow-scrolling:touch;overflow:hidden auto}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--accent-primary);text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{display:none}.loading-screen{height:100vh;font-size:var(--font-size-2xl);letter-spacing:6px;color:var(--accent-primary);justify-content:center;align-items:center;font-weight:800;display:flex}.bottom-nav{height:var(--bottom-nav-height);padding-bottom:var(--safe-area-bottom);background:var(--bg-secondary);z-index:100;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{padding:var(--space-sm);cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:56px;transition:color .2s;display:flex}.bottom-nav__tab--active{color:var(--accent-primary)}.bottom-nav__tab--center{position:relative;bottom:12px}.bottom-nav__tab--center .bottom-nav__icon{background:var(--accent-gradient);width:56px;height:56px;box-shadow:var(--shadow-button);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.bottom-nav__icon{font-size:22px;line-height:1}.bottom-nav__label{font-size:var(--font-size-xs);font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:var(--shadow-button)}.btn--primary:hover{opacity:.9}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover{background:var(--bg-secondary)}.btn--outline{color:var(--text-primary);background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff26}.btn--outline:hover{box-shadow:inset 0 0 0 1.5px #ffffff4d}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{color:var(--text-primary)}.btn--sm{height:36px;padding:0 var(--space-md);font-size:var(--font-size-sm)}.btn--md{height:48px;padding:0 var(--space-lg);font-size:var(--font-size-md)}.btn--lg{height:56px;padding:0 var(--space-xl);font-size:var(--font-size-lg)}.btn--full{width:100%}.welcome{height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.welcome__smoke{pointer-events:none;z-index:2;position:absolute;inset:0}.welcome__smoke-layer{filter:blur(60px);will-change:transform, opacity;border-radius:50%;position:absolute}.welcome__smoke-layer--1{opacity:.35;background:radial-gradient(circle,#f18f2e,#0000 65%);width:500px;height:500px;animation:14s ease-in-out infinite smoke-1;top:-15%;left:-25%}.welcome__smoke-layer--2{opacity:.3;background:radial-gradient(circle,#e74627,#0000 65%);width:450px;height:450px;animation:18s ease-in-out infinite smoke-2;top:15%;right:-30%}.welcome__smoke-layer--3{opacity:.35;background:radial-gradient(circle,#7d2817,#0000 60%);width:400px;height:400px;animation:16s ease-in-out infinite smoke-3;bottom:-10%;left:-15%}.welcome__smoke-layer--4{opacity:.28;background:radial-gradient(circle,#f18f2e,#0000 65%);width:380px;height:380px;animation:20s ease-in-out infinite smoke-4;top:40%;left:30%}.welcome__smoke-layer--5{opacity:.22;background:radial-gradient(circle,#e74627,#0000 60%);width:320px;height:320px;animation:15s ease-in-out infinite smoke-5;top:-10%;right:10%}.welcome__smoke-layer--6{opacity:.32;background:radial-gradient(circle,#f18f2e,#0000 65%);width:480px;height:480px;animation:22s ease-in-out infinite smoke-6;bottom:-20%;right:-15%}@keyframes smoke-1{0%{opacity:.35;transform:translate(0)scale(1)}15%{opacity:.42;transform:translate(120px,80px)scale(1.2)}35%{opacity:.28;transform:translate(250px,150px)scale(1.1)}55%{opacity:.38;transform:translate(180px,300px)scale(1.3)}75%{opacity:.25;transform:translate(60px,200px)scale(1.15)}to{opacity:.35;transform:translate(0)scale(1)}}@keyframes smoke-2{0%{opacity:.3;transform:translate(0)scale(1)}20%{opacity:.38;transform:translate(-150px,100px)scale(1.15)}40%{opacity:.22;transform:translate(-280px,200px)scale(1.25)}60%{opacity:.35;transform:translate(-180px,350px)scale(1.1)}80%{opacity:.28;transform:translate(-60px,180px)scale(1.2)}to{opacity:.3;transform:translate(0)scale(1)}}@keyframes smoke-3{0%{opacity:.35;transform:translate(0)scale(1)}18%{opacity:.42;transform:translate(100px,-120px)scale(1.2)}38%{opacity:.25;transform:translate(220px,-250px)scale(1.15)}58%{opacity:.38;transform:translate(300px,-150px)scale(1.3)}78%{opacity:.3;transform:translate(150px,-60px)scale(1.1)}to{opacity:.35;transform:translate(0)scale(1)}}@keyframes smoke-4{0%{opacity:.28;transform:translate(0)scale(1)}20%{opacity:.35;transform:translate(-100px,-80px)scale(1.3)}45%{opacity:.2;transform:translate(80px,-200px)scale(1.1)}65%{opacity:.32;transform:translate(-150px,-120px)scale(1.25)}85%{opacity:.22;transform:translate(-50px,60px)scale(1.15)}to{opacity:.28;transform:translate(0)scale(1)}}@keyframes smoke-5{0%{opacity:.22;transform:translate(0)scale(1)}25%{opacity:.32;transform:translate(-120px,150px)scale(1.2)}50%{opacity:.18;transform:translate(60px,300px)scale(1.15)}75%{opacity:.28;transform:translate(-80px,200px)scale(1.25)}to{opacity:.22;transform:translate(0)scale(1)}}@keyframes smoke-6{0%{opacity:.32;transform:translate(0)scale(1)}15%{opacity:.38;transform:translate(-80px,-100px)scale(1.15)}35%{opacity:.22;transform:translate(-200px,-250px)scale(1.25)}55%{opacity:.35;transform:translate(-100px,-350px)scale(1.1)}75%{opacity:.28;transform:translate(-250px,-180px)scale(1.2)}to{opacity:.32;transform:translate(0)scale(1)}}.welcome__content{text-align:center;z-index:3;margin-bottom:var(--space-2xl)}.welcome__title{font-size:var(--font-size-3xl);letter-spacing:6px;margin-bottom:var(--space-md);font-weight:800}.welcome__title-light{color:var(--text-primary)}.welcome__title-accent{color:var(--accent-primary)}.welcome__subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:280px;line-height:1.6}.welcome__actions{z-index:3;width:100%;max-width:320px}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.input-field{height:52px;padding:0 var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:box-shadow .2s}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{box-shadow:inset 0 0 0 1.5px var(--accent-primary)}.input-group--error .input-field{box-shadow:inset 0 0 0 1.5px var(--accent-secondary)}.input-error{font-size:var(--font-size-xs);color:var(--accent-secondary)}.register{min-height:100vh;padding:var(--space-xl);flex-direction:column;display:flex}.register__header{margin-top:var(--space-2xl);margin-bottom:var(--space-xl)}.register__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);font-weight:700}.register__subtitle{color:var(--text-secondary);font-size:var(--font-size-md)}.register__form{gap:var(--space-lg);flex-direction:column;display:flex}.register__hint{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.5}.register__phone-done{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);display:flex}.register__phone-check{color:#4caf50;font-size:var(--font-size-lg);font-weight:700}.register__phone-value{font-size:var(--font-size-md);font-weight:500}.register__error{color:var(--accent-secondary);font-size:var(--font-size-sm);text-align:center}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.profile{min-height:100vh;padding:var(--space-xl);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl))}.profile__header{margin-top:var(--space-2xl);margin-bottom:var(--space-xl);flex-direction:column;align-items:center;display:flex}.profile__avatar{background:var(--accent-gradient);width:80px;height:80px;font-size:var(--font-size-2xl);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.profile__avatar-img{object-fit:cover;width:80px;height:80px;margin-bottom:var(--space-md);border-radius:50%}.profile__name{font-size:var(--font-size-xl);font-weight:700}.profile__username{color:var(--text-secondary);font-size:var(--font-size-md);margin-top:var(--space-xs)}.profile__info{gap:var(--space-md);flex-direction:column;display:flex}.profile__row{justify-content:space-between;align-items:center;display:flex}.profile__label{color:var(--text-secondary);font-size:var(--font-size-sm)}.profile__value{font-size:var(--font-size-md);font-weight:500}.profile__section-title{font-size:var(--font-size-md);margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:700}.profile__guide-list{gap:var(--space-sm);flex-direction:column;display:flex}.profile__guide-card{align-items:center;gap:var(--space-md);cursor:pointer;transition:border-color .2s;display:flex;padding:var(--space-md)!important}.profile__guide-card:active{transform:scale(.98)}.profile__guide-icon{flex-shrink:0;font-size:28px}.profile__guide-content{flex:1}.profile__guide-title{font-size:var(--font-size-md);margin-bottom:2px;font-weight:600}.profile__guide-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile__guide-arrow{font-size:var(--font-size-xl);color:var(--text-tertiary);flex-shrink:0}.placeholder{height:100vh;padding:var(--space-xl);padding-bottom:var(--bottom-nav-height);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder__icon{margin-bottom:var(--space-md);font-size:48px}.placeholder__title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:700}.placeholder__text{color:var(--text-secondary);font-size:var(--font-size-md)}.guide{min-height:100vh;padding:var(--space-lg);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));overflow-y:auto}.guide__back{align-items:center;gap:var(--space-xs);color:var(--accent-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);cursor:pointer;font-weight:600;display:inline-flex}.guide__title{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);font-weight:700}.guide__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.guide__section-title{font-size:var(--font-size-md);margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff0f;font-weight:700}.guide__gradient-bar{height:6px;margin-bottom:var(--space-lg);background:linear-gradient(90deg,#3abf96 0%,#c8a030 50%,#e04040 100%);border-radius:3px}.guide__grid{gap:var(--space-sm);flex-direction:column;display:flex}.guide__level-name{font-size:var(--font-size-md);margin-bottom:2px;font-weight:700}.guide__level-nic{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs)}.guide__level-brands{font-size:var(--font-size-xs);color:var(--accent-primary);margin-bottom:var(--space-sm)}.guide__level-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.guide__effects{gap:var(--space-sm);flex-direction:column;display:flex}.guide__effect-title{font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff0f;font-weight:700}.guide__effect-title--heavy{color:#e8702a}.guide__effect-title--light{color:#3abf96}.guide__effect-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.5;display:flex}.guide__dot{flex-shrink:0;margin-top:4px;font-size:10px}.guide__dot--red{color:#e8702a}.guide__dot--green{color:#3abf96}.guide__list{gap:var(--space-sm);flex-direction:column;display:flex}.guide__pack-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.guide__pack-name{font-size:var(--font-size-md);font-weight:700}.guide__pack-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);border:1px solid;padding:2px 10px;font-weight:600}.guide__pack-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.5}.guide__pack-best{font-size:var(--font-size-xs);color:var(--text-tertiary)}.guide__pack-best span{color:var(--accent-primary)}.guide__tips-grid{gap:var(--space-sm);flex-direction:column;display:flex}.guide__tip-card{padding:var(--space-md)!important}.guide__tip-card--error{border:1px solid #e8702a33!important}.guide__tip-icon{margin-bottom:var(--space-sm);font-size:22px}.guide__tip-title{font-size:var(--font-size-sm);color:var(--accent-primary);margin-bottom:var(--space-xs);font-weight:700}.guide__tip-title--error{color:#e8702a}.guide__tip-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}