body{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background-color:#fafafa;color:#1c1c1e;margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:24px}h1,h2,h3,h4{color:#1c1c1e;margin:0 0 12px;font-weight:600;line-height:1.2}h1{font-size:34px}h2{font-size:28px}h3{font-size:22px}h4{font-size:18px}button{background-color:#34c759;color:#fff;border:none;border-radius:16px;padding:12px 24px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}button:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}input,select,textarea{padding:12px;border-radius:12px;border:1px solid #d1d1d6;font-size:15px;outline:none;width:100%;max-width:400px;margin-bottom:16px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:#34c759;box-shadow:0 0 6px rgba(52,199,89,.3)}.card{background-color:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e5e5ea;padding:6px 0}.bottom-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;background:none;border:none;font-size:12px;color:#8e8e93}.bottom-nav .active{color:#34c759}.text-center{text-align:center}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.scroll-x{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:rgba(52,199,89,.5);border-radius:3px}.scroll-x::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}