*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0;padding:20px}.modal-image{max-width:100%;height:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hidden{opacity:0;visibility:hidden}.modal-content{background:white;box-shadow:0 4px 20px rgba(0,0,0,.3);width:90%;max-width:700px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:modalSlideIn .3s ease-out}.modal-header{padding:20px 20px 0 20px;position:relative}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.close-btn:hover{background-color:#f0f0f0;color:#333}.modal-body{height:100%}.modal-body h2{margin-bottom:15px;color:#333}.modal-body p{color:#666;line-height:1.6;margin-bottom:15px}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.page-content{max-width:800px;margin:0 auto;background:white;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.page-content h1{color:#333;margin-bottom:20px}.page-content p{color:#666;line-height:1.6;margin-bottom:15px}