*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#fff;color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-container{margin:0 auto;min-height:100vh;position:relative}.mobile-container,.status-bar{max-width:375px;background-color:#fff}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 21px;height:44px;position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:100;transition:transform .3s ease}.time{font-family:SF Pro Text,sans-serif;font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.33px;color:#000}.status-icons{display:flex;align-items:center;gap:5px}.cell-signal{display:flex;align-items:flex-end;gap:1px;width:18px;height:12px}.bar{background-color:#000;width:3px}.bar-1{height:4px}.bar-2{height:6px}.bar-3{height:8px}.bar-4{height:10px}.wifi-icon{width:15px;height:11px;position:relative}.wifi-bar{position:absolute;border-radius:2px;border:1px solid #000;border-bottom:none}.wifi-1{width:15px;height:4px;bottom:0;left:0}.wifi-2{width:10px;left:2.5px}.wifi-2,.wifi-3{height:3px;bottom:0}.wifi-3{width:5px;left:5px}.battery{display:flex;align-items:center;width:25px;height:12px;position:relative}.battery-level{width:18px;height:7px;border:1px solid #000;border-radius:1px;left:2px;opacity:.35;transition:all .3s ease}.battery-cap,.battery-level{background-color:#000;position:absolute;top:50%;transform:translateY(-50%)}.battery-cap{width:1px;height:4px;right:0;opacity:.4}.profile-container{padding:76px 16px 100px;max-width:375px;margin:0 auto}.profile-header{text-align:center;margin-bottom:32px}.profile-image{width:128px;height:128px;border-radius:50%;margin:0 auto 32px;overflow:hidden;position:relative}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:Comfortaa,sans-serif;font-weight:400;font-size:36px;line-height:40px;letter-spacing:-.54px;color:#000;margin-bottom:16px}.profile-location{font-family:Roboto,sans-serif;font-weight:900;font-size:13px;line-height:15px;letter-spacing:.52px;text-transform:uppercase;color:#000;margin-bottom:0}.action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.btn{width:100%;height:52px;border-radius:6px;border:2px solid #000;font-family:Roboto,sans-serif;font-weight:900;font-size:13px;line-height:15px;letter-spacing:.52px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover:not(:disabled){background-color:#333}.btn-secondary{background-color:#fff;color:#000}.btn-secondary:hover:not(:disabled){background-color:#f5f5f5}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:9px;gap:9px;margin-bottom:32px}.gallery-item{overflow:hidden;border-radius:4px;cursor:pointer;transition:transform .3s ease}.gallery-item,.gallery-item:first-child{aspect-ratio:167/220}.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){aspect-ratio:167/310}.gallery-item:nth-child(6){aspect-ratio:167/220}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.btn-see-more{background-color:#fff;color:#000;margin-bottom:20px}.btn-see-more:hover:not(:disabled){background-color:#f5f5f5}.tab-bar{position:fixed;bottom:0;width:100%;max-width:375px;height:83px;background-color:#fff;box-shadow:0 -.5px 0 0 rgba(0,0,0,.3);-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);display:flex;align-items:center;justify-content:space-around;padding:9px 11px 0;z-index:100;transition:transform .3s ease}.tab-bar,.tab-indicator{left:50%;transform:translateX(-50%)}.tab-indicator{position:absolute;bottom:70px;width:135px;height:5px;background-color:#000;border-radius:10px}.tab-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.tab-item:not(.active){opacity:.8}.tab-item.active,.tab-item:hover{opacity:1}.home-icon{width:15px;height:14px;position:relative}.home-shape{bottom:0;left:0;width:12px;border:1px solid rgba(0,0,0,.8);border-top:none}.home-roof,.home-shape{position:absolute;height:8px}.home-roof{top:0;left:50%;transform:translateX(-50%);width:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.8)}.search-icon{width:16px;height:16px;position:relative}.search-circle{width:13px;height:13px;border:1px solid rgba(0,0,0,.8);border-radius:50%;position:absolute;top:0;left:0}.search-line{width:5px;height:1px;background-color:rgba(0,0,0,.8);position:absolute;bottom:1px;right:0;transform:rotate(45deg);transform-origin:left center}.upload-tab{background:linear-gradient(135deg,#ff00d6,#ff4d00);border-radius:20px;width:70px;height:40px}.upload-icon{width:13px;height:13px;position:relative}.plus-vertical{top:0;left:50%;transform:translateX(-50%);width:1px;height:13px}.plus-horizontal,.plus-vertical{position:absolute;background-color:#fff}.plus-horizontal{top:50%;left:0;transform:translateY(-50%);width:13px;height:1px}.chat-icon{width:18px;height:16px;position:relative}.chat-bubble{width:16px;height:16px;border:1px solid rgba(0,0,0,.8);border-radius:50%;position:absolute;top:0;left:0}.chat-tail{width:8px;height:6px;background-color:rgba(0,0,0,.8);position:absolute;bottom:0;right:0;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.profile-icon{width:10px;height:15px;position:relative}.person-head{width:8px;height:8px;border:1px solid rgba(0,0,0,.8);border-radius:50%;position:absolute;top:0;left:50%;transform:translateX(-50%)}.person-body{width:10px;height:7px;border-radius:0 0 10px 10px;border:1px solid rgba(0,0,0,.8);border-top:none;position:absolute;bottom:0;left:0}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-overlay{position:relative;max-width:90%;max-height:90%}.modal-content img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:8px}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:5px}.modal-counter{position:absolute;bottom:-40px;font-weight:900}.modal-counter,.notification{left:50%;transform:translateX(-50%);color:#fff;font-family:Roboto,sans-serif;font-size:14px}.notification{position:fixed;top:60px;background-color:rgba(0,0,0,.8);padding:12px 20px;border-radius:20px;font-weight:500;z-index:1001;animation:slideDown .3s ease,slideUp .3s ease 2.7s;max-width:300px;text-align:center}@media (max-width:375px){.profile-container{padding-left:12px;padding-right:12px}.gallery-grid{gap:6px}}@media (max-height:600px){.profile-name{font-size:28px;line-height:32px}.profile-image{width:100px;height:100px}.action-buttons,.profile-image{margin-bottom:20px}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.gallery-item{animation:fadeIn .5s ease forwards}.gallery-item:first-child{animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}