:root{--bg-color: #0D0D0D;--text-color: #f0f0f0;--modal-bg: #1a1a1a;--accent-color: #4a4a4a}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.container{width:100%;max-width:1200px;padding:2rem;text-align:center}.content{display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;animation:fadeIn 1.5s ease-out forwards}.image-wrapper{max-width:500px;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.title{font-size:2rem;font-weight:300;letter-spacing:.2rem;text-transform:lowercase;opacity:.8}.rules-trigger{background:none;border:none;color:var(--text-color);padding:0;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;text-decoration:underline;opacity:.6;transition:opacity .3s ease}.rules-trigger:hover{background:none;opacity:1}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.modal.show{opacity:1}.modal-content{background-color:var(--modal-bg);margin:10% auto;padding:2.5rem;border:1px solid rgba(255,255,255,.1);width:90%;max-width:600px;border-radius:12px;position:relative;box-shadow:0 4px 30px #00000080;transform:translateY(20px);transition:transform .3s ease}.modal.show .modal-content{transform:translateY(0)}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease}.close:hover,.close:focus{color:#fff;text-decoration:none;cursor:pointer}.modal-content h2{font-weight:400;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.rules-section{margin-bottom:1.5rem;text-align:left}.rules-section h3{font-size:1.1rem;margin-bottom:.8rem;color:#ccc;font-weight:600}.rules-section ul{list-style-type:none;padding-left:0}.rules-section li{margin-bottom:.5rem;font-size:.9rem;line-height:1.5;color:#ddd}.rules-section strong{color:#fff;font-weight:500}footer{position:absolute;bottom:2rem;width:100%;text-align:center;font-size:.8rem;opacity:.6;display:flex;flex-direction:column;gap:.5rem;z-index:10}footer a{color:var(--text-color);text-decoration:none;border-bottom:1px solid rgba(240,240,240,.3);transition:opacity .3s ease}footer a:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{align-items:flex-start;padding-top:2rem;padding-bottom:6rem;overflow-y:auto}.container{padding:1rem}.content{gap:1.5rem}.image-wrapper{max-width:100%}.title{font-size:1.5rem;letter-spacing:.15rem}footer{position:absolute;bottom:1.5rem;font-size:.7rem;z-index:10}.rules-trigger{padding:10px;display:inline-block}.modal-content{width:90%;margin:15% auto;padding:1.5rem;max-height:80vh;overflow-y:auto}.close{font-size:24px}.modal-content h2{font-size:1.2rem}}