:root{--navy:#14243a;--red:#c8272f;--green:#0b6b53;--paper:#f8f9fb;--line:#d8dde5}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#eef1f5;color:var(--navy);font-family:Arial,Helvetica,sans-serif}main{max-width:680px;min-height:100vh;margin:auto;background:var(--paper);border-inline:1px solid var(--line);overflow:hidden}.logo{font-size:25px;font-weight:900;letter-spacing:-2px}.logo i{font-style:normal;color:var(--red)}header{height:64px;position:sticky;top:0;z-index:30;padding:0 18px;background:#fffffff5;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header span,header a{font-size:10px;font-weight:800;color:var(--navy);text-decoration:none}.bottom{position:fixed;z-index:50;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),640px);height:54px;border:1px solid var(--line);border-radius:17px;background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 10px 30px #14243a33;display:flex;align-items:center;justify-content:space-around}.bottom a{color:#536174;text-decoration:none;font-size:11px;font-weight:800}.bottom a:nth-child(2){color:var(--red)}@media(min-width:681px){body{padding:28px 0}}