:root{--ink:#f8f2ea;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.18);--accent:#ffd0ab;--bg:#1d1624}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100svh;color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 18% 10%,rgba(255,194,159,.22),transparent 30%),radial-gradient(circle at 85% 88%,rgba(170,102,141,.28),transparent 32%),linear-gradient(145deg,#18121f,#513045 55%,#8f584f);display:grid;place-items:center;padding:24px}.demo{position:relative;width:min(760px,100%);min-height:min(900px,calc(100svh - 48px));padding:clamp(34px,7vw,74px);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(18,12,21,.18);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.3)}.demo::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;pointer-events:none}.top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;z-index:1;display:grid;place-content:center;min-height:500px;text-align:center}.hero small{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:16px 0 12px;font-family:Georgia,serif;font-size:clamp(4.2rem,15vw,8.8rem);font-weight:400;line-height:.78;letter-spacing:-.055em}.hero p{max-width:500px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:.92rem}.date{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:34px auto 0;width:min(430px,100%)}.date span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.date span:first-child{text-align:right}.date strong{padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line);font-family:Georgia,serif;font-size:3.3rem;font-weight:400}.details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail{padding:20px;border-right:1px solid var(--line)}.detail:last-child{border-right:0}.detail small{display:block;color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.1em}.detail strong{display:block;margin-top:6px;font-size:.78rem;line-height:1.5}.bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.bottom p{margin:0;color:var(--muted);font-size:.67rem}.back{padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;font-size:.69rem;font-weight:800;color:var(--ink);text-decoration:none}.back:hover{background:rgba(255,255,255,.07)}@media(max-width:620px){body{padding:0}.demo{min-height:100svh;border:0;border-radius:0;padding:34px 24px}.demo::before{inset:12px}.hero{min-height:520px}.details{grid-template-columns:1fr}.detail{border-right:0;border-bottom:1px solid var(--line)}.detail:last-child{border-bottom:0}.bottom{align-items:flex-start;flex-direction:column}.date{gap:10px}.date strong{padding-inline:12px}}