*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#1a1d2e;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:640px;min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#1a1d2e,#1f2235);display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1a1d2ef2}.header-icon svg{display:block}.header-title{font-size:24px;font-weight:600;letter-spacing:.5px}.header-actions{display:flex;gap:12px}.icon-btn{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.icon-btn:hover{opacity:.7}.icon-btn:active{transform:scale(.95)}.nav-icons{display:flex;justify-content:space-around;padding:24px 16px;gap:8px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;cursor:pointer;transition:transform .2s}.nav-item:active{transform:scale(.95)}.nav-circle{width:68px;height:68px;border-radius:50%;background:#2a2f41cc;border:2.5px solid #3b9cff;display:flex;align-items:center;justify-content:center;transition:all .3s}.nav-item:hover .nav-circle{background:#3b9cff26;border-color:#4da6ff;box-shadow:0 0 20px #3b9cff4d}.nav-item span{font-size:12px;text-align:center;font-weight:500;color:#e8eaed}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.profile-avatar{width:120px;height:120px;border-radius:50%;background:#3b475f99;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.welcome-text{font-size:32px;font-weight:400;letter-spacing:.5px}.button-group{width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px}.button-row{display:flex;gap:12px;width:100%}.btn{padding:16px 24px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s;border:none;width:100%;white-space:nowrap}.button-row .btn{flex:1}.btn-primary{background:linear-gradient(135deg,#3b9cff,#2e7dd1);color:#fff;border:2px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,#4da6ff,#3b8fe5);box-shadow:0 4px 16px #3b9cff66}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;color:#fff;border:2.5px solid #3b9cff}.btn-outline:hover{background:#3b9cff1a;border-color:#4da6ff}.btn-outline:active{transform:scale(.98)}.btn-text{background:transparent;color:#c8cacd;border:none;font-weight:500;padding:12px}.btn-text:hover{color:#fff}.btn-text:active{transform:scale(.98)}.footer{background:#1a1d2ef2;border-top:1px solid rgba(59,156,255,.2);padding:12px 8px 8px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 8px;border-bottom:1px solid rgba(59,156,255,.1);margin-bottom:12px}.footer-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 4px}.footer-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s;padding:8px 4px;border-radius:8px}.footer-item:hover{background:#3b9cff1a}.footer-item:active{transform:scale(.95)}.footer-item span{font-size:11px;text-align:center;line-height:1.3;color:#c8cacd}.maximum-logo{background:linear-gradient(135deg,#ff1b6b,#ff4b8b);padding:6px 16px;border-radius:6px;font-style:italic}.maximum-text{font-size:16px;font-weight:700;color:#fff;font-style:italic}.kampanya-text{color:#ff4b8b;font-weight:600}.fast-text{font-size:16px;font-style:italic;color:#3b9cff;font-weight:600}@media(max-width:480px){.nav-icons{padding:20px 8px;gap:4px}.nav-circle{width:56px;height:56px}.nav-circle svg{width:24px;height:24px}.nav-item span{font-size:10px}.welcome-text{font-size:24px}.profile-avatar{width:90px;height:90px}.main-content{padding:30px 16px}.button-group{max-width:100%}.button-row{gap:8px}.btn{padding:14px 16px;font-size:14px}.footer-bottom{gap:4px}.footer-item span{font-size:10px}.header-title{font-size:20px}}@media(max-width:360px){.nav-circle{width:50px;height:50px}.nav-item span{font-size:9px}.welcome-text{font-size:22px}.btn{padding:12px 14px;font-size:13px}.button-row{gap:6px}}@media(min-width:641px){.app-container{border-left:1px solid rgba(59,156,255,.2);border-right:1px solid rgba(59,156,255,.2)}}