.page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 10%,#2a2a30,#1b1b1f 55%),repeating-linear-gradient(135deg,#1b1b1f,#1b1b1f 40px,#202024 40px,#202024 80px)}.checkered-strip{height:14px;width:100%;background-image:repeating-conic-gradient(#fff,#fff 25%,#14141a 0%,#14141a 50%);background-size:20px 20px}.hero{text-align:center;padding:2.5rem 1.5rem 2rem;position:relative}.plate{display:inline-block;background:#f4d200;color:#14141a;font-weight:800;letter-spacing:.15em;padding:.35rem 1rem;border-radius:6px;border:3px solid #14141a;font-size:.9rem;margin-bottom:1rem;transform:rotate(-2deg);box-shadow:0 4px 10px #0006}.hero h1{margin:.4rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);color:#fff;text-shadow:0 0 18px rgba(224,33,33,.55);font-style:italic;letter-spacing:.01em}.hero-sub{max-width:640px;margin:0 auto;color:#d8d8de;font-size:1.05rem;line-height:1.5}.content{flex:1;max-width:960px;width:100%;margin:0 auto;padding:1rem 1.5rem 3rem;text-align:center}.section-title{color:#fff;font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:.4rem}.section-sub{color:#b9b9c2;margin-bottom:2rem}.present-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.present-card{position:relative;background:linear-gradient(160deg,#26262c,#1d1d22);border:2px solid #38383f;border-radius:14px;padding:1.5rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#f0f0f0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;font-family:inherit}.present-card:hover{transform:translateY(-4px);border-color:#e02121;box-shadow:0 10px 24px #e0212140}.present-card.selected{border-color:#e02121}.present-card.highlighted{border-color:#f4d200;box-shadow:0 0 0 3px #f4d20059,0 12px 28px #f4d2004d;background:linear-gradient(160deg,#333018,#1d1d22)}.present-icon{font-size:2.4rem}.present-title{font-weight:700;font-size:1.05rem}.present-desc{font-size:.88rem;color:#b9b9c2;line-height:1.4}.badge{margin-top:.4rem;background:#f4d200;color:#14141a;font-weight:700;font-size:.78rem;padding:.25rem .6rem;border-radius:999px}.footer{text-align:center;color:#8a8a92;font-size:.85rem;padding-bottom:1.5rem}.road{height:6px;max-width:500px;margin:0 auto 1rem;background:repeating-linear-gradient(90deg,#f4d200 0,#f4d200 24px,transparent 24px,transparent 48px);opacity:.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0cbf;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-box{background:#23232a;border-radius:16px;padding:2rem 1.75rem 1.75rem;max-width:420px;width:100%;text-align:center;border-top:6px solid #e02121;box-shadow:0 20px 50px #00000080}.modal-box.tone-good,.modal-box.tone-best{border-top-color:#f4d200}.modal-box h3{margin:0 0 .75rem;color:#fff;font-size:1.3rem}.modal-box p{color:#d8d8de;line-height:1.5;margin:0 0 1.5rem}.modal-close{background:#e02121;color:#fff;border:none;padding:.65rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .1s ease,background .15s ease}.modal-box.tone-good .modal-close,.modal-box.tone-best .modal-close{background:#f4d200;color:#14141a}.modal-close:hover{transform:scale(1.05)}@media (max-width: 480px){.present-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:#1b1b1f;font-family:Segoe UI,Roboto,Arial,sans-serif;color:#f4f4f4}#root{min-height:100vh}