:root{--background: #e1e6ec;--foreground: #121821;--btn-from: #201e25;--btn-to: #323137;--btn-stroke: #4b4951;--btn-ring: #0d0d0d;--radius: 1rem;--btn-radius: calc(var(--radius) - 4px)}@media(prefers-color-scheme:dark){:root{--background: #0e1116;--foreground: #e8eaed}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:1.5rem}.logo{width:64px;height:64px;border-radius:14px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.5rem;border-radius:var(--btn-radius);background:linear-gradient(to bottom,var(--btn-from),var(--btn-to));color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000001a,0 0 0 1px var(--btn-ring)}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,var(--btn-stroke),transparent 60%);opacity:.7;pointer-events:none}.btn:hover{filter:brightness(1.25)}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a,0 0 0 1px var(--btn-ring)}