*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:system-ui,-apple-system,sans-serif;background:#f5f6f8;color:#1a1a1a}a{color:inherit}:root{--marka-1:#4f46e5;--marka-2:#7c3aed;--cizgi:#e5e7eb;--alt-guvenli:env(safe-area-inset-bottom,0px);--ust-guvenli:env(safe-area-inset-top,0px)}.kabuk{display:flex;flex-direction:column;height:100dvh}.icerik{flex:1 1;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}.ust{background:linear-gradient(135deg,var(--marka-1) 0,var(--marka-2) 100%);color:#fff;padding:calc(9px + var(--ust-guvenli)) 16px 9px;justify-content:space-between;gap:12px;box-shadow:0 1px 3px rgba(16,24,40,.14);position:relative;z-index:20;flex-shrink:0}.marka,.ust{display:flex;align-items:center}.marka{gap:9px;min-width:0}.marka-nokta{width:32px;height:32px;border-radius:10px;flex-shrink:0;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:15px;font-weight:800;letter-spacing:-.5px}.marka-ad{font-size:16px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;line-height:1.15}.marka-alt{font-size:11.5px;opacity:.78;white-space:nowrap;line-height:1.3}.cikis{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:9px;padding:8px 13px;font-size:13.5px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit}.cikis:active{background:rgba(255,255,255,.3)}.ust-menu{display:flex;gap:4px;align-items:center}.ust-menu a{text-decoration:none;color:rgba(255,255,255,.82);font-size:14px;font-weight:600;padding:8px 13px;border-radius:9px;white-space:nowrap}.ust-menu a:hover{background:rgba(255,255,255,.12);color:#fff}.ust-menu a.aktif{background:rgba(255,255,255,.24);color:#fff}.alt-menu{display:none;flex-shrink:0;background:#fff;border-top:1px solid var(--cizgi);padding-bottom:var(--alt-guvenli);box-shadow:0 -1px 4px rgba(16,24,40,.07);z-index:20}.alt-menu a,.alt-menu-ic{display:flex}.alt-menu a{flex:1 1;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 7px;text-decoration:none;color:#9ca3af;font-size:11px;font-weight:600;position:relative;-webkit-tap-highlight-color:transparent}.alt-menu a.aktif{color:var(--marka-1)}.alt-menu a.aktif:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--marka-1)}.alt-menu a:active{background:#f9fafb}.alt-menu svg{width:22px;height:22px;stroke-width:1.9}@media (max-width:720px){.ust-menu{display:none}.alt-menu{display:block}.ust{padding-left:13px;padding-right:13px}}.seritsiz::-webkit-scrollbar{display:none}.seritsiz{scrollbar-width:none}