:root{--bg: #070b16;--bg-elevated: #0d1526;--border: #1e2a44;--blue-300: #7dd3fc;--blue-400: #38bdf8;--blue-500: #3b82f6;--blue-600: #2563eb;--cyan: #22d3ee;--text: #f8fafc;--text-muted: #cbd5e1;--text-dim: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(59,130,246,.18),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(34,211,238,.12),transparent 55%),var(--bg);line-height:1.6}.page{min-height:100%;display:flex;flex-direction:column}.layout{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:64px 24px 48px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr);gap:56px;align-items:center}.left{display:flex;justify-content:center}.coffee{display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;color:var(--text);padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--bg-elevated);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.coffee:hover{transform:translateY(-2px);border-color:var(--blue-500);box-shadow:0 0 0 4px #3b82f626,0 12px 32px #0006}.coffee-logo{width:140px;height:140px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.coffee-label{font-weight:600;letter-spacing:.01em;color:var(--blue-300)}.right h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.lead{font-size:1.15rem;color:var(--text-muted);margin-bottom:16px}.lead strong{color:var(--cyan);font-weight:700}.sub{color:var(--text-dim);margin-bottom:32px}.book{display:flex}.book-cover{width:180px;aspect-ratio:2 / 3;border-radius:6px 12px 12px 6px;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#1d4ed8,#0b2a66);border:1px solid var(--blue-600);box-shadow:0 12px 28px #00000080,inset -6px 0 12px #00000059;text-align:left}.book-cover-title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:#fff}.book-cover-sub{font-size:.78rem;color:#ffffffbf}.disclaimer{border-top:1px solid var(--border);padding:24px;text-align:center}.disclaimer p{max-width:640px;margin:0 auto;font-size:.8rem;color:var(--text-dim)}.disclaimer strong{color:var(--text-muted)}@media(max-width:720px){.layout{grid-template-columns:1fr;gap:40px;padding:40px 20px}.book-cover{width:150px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
