@import"https://webfontworld.github.io/pretendard/Pretendard.css";:root{--point-color: #ff00ff;--bg-dark: #1a1a1a;--text-light: #ccc;--text-dark: #eee}body{background-color:#0f0f0f;color:#fff;font-family:Pretendard,sans-serif;margin:0;line-height:1.6}.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;border-bottom:1px solid #333}.logo{font-size:24px;font-weight:700;color:var(--point-color)}.search-bar input{width:400px;padding:10px 20px;border-radius:20px;border:none;background:#222;color:#fff;font-family:Pretendard,sans-serif}.search-bar input::placeholder{color:#888}.user-menu{font-size:.9rem;color:var(--text-light)}.hero-section{text-align:center;padding:80px 20px 60px;background:linear-gradient(to bottom,#1a0a1a,#0f0f0f)}.hero-section h1{font-size:3rem;font-weight:800;line-height:1.3;margin:0 0 15px}.hero-section p{font-size:1.1rem;color:var(--text-light);margin-bottom:40px}.hero-stats{display:flex;justify-content:center;gap:20px;font-weight:500;color:var(--text-light)}.hero-stats span{background-color:#222;padding:8px 15px;border-radius:15px;font-size:.9rem}.browse-section{padding:40px 50px;background-color:#121212}.browse-group{margin-bottom:40px}.browse-group:last-child{margin-bottom:0}.browse-group h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 20px;border-left:3px solid var(--point-color);padding-left:15px}.browse-grid{display:flex;flex-wrap:wrap;gap:15px}.browse-btn{padding:12px 24px;font-size:1rem;font-weight:500;color:var(--text-light);background-color:#222;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s ease}.browse-btn:hover{background-color:var(--point-color);color:#fff;border-color:var(--point-color);transform:translateY(-2px)}.browse-btn.active{background-color:var(--point-color);color:#fff;border-color:var(--point-color)}.sub-browse-grid{display:flex;flex-wrap:wrap;gap:10px;padding:20px;margin-top:15px;background-color:#161616;border-radius:8px;border:1px solid #2a2a2a}.sub-browse-grid .browse-btn{padding:8px 15px;font-size:.9rem}.content-container{max-width:1200px;margin:40px auto;padding:0 20px;display:none}.content-container.visible{display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.section-header h2{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-dark)}.filter-chips{display:flex;flex-wrap:wrap;gap:10px}.filter-chips .chip{padding:8px 18px;border-radius:20px;border:1px solid #444;background:#222;color:#ccc;cursor:pointer;font-family:Pretendard,sans-serif;transition:all .2s ease}.filter-chips .chip:hover{border-color:var(--point-color);color:#fff}.filter-chips .chip.active{background:var(--point-color);color:#fff;border:none}.exhibition-grid,.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:20px 0}.top-recommendations{padding:60px 50px;background-color:#0f0f0f;border-top:1px solid #222}.top-recommendations h2{font-size:1.8rem;font-weight:700;margin:0 0 20px;color:var(--text-dark);text-align:center}.exhibition-card{border-radius:15px;overflow:hidden;background:#1e1e1e;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 15px #0000004d}.exhibition-card:hover{transform:scale(1.03);box-shadow:0 8px 25px #00000080}.card-image-box{position:relative;width:100%;aspect-ratio:1 / 1.2;overflow:hidden}.card-image-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.exhibition-card:hover .card-image-box img{transform:scale(1.05)}.rating{position:absolute;top:15px;right:15px;color:var(--point-color);background:#000000b3;padding:4px 8px;border-radius:5px;font-size:.8rem}.card-desc{padding:15px}.card-desc h3{font-size:1.1rem;font-weight:700;margin:0 0 5px;color:var(--text-dark)}.card-desc p{font-size:.9rem;color:var(--text-light);margin:0}a.exhibition-card-link{text-decoration:none}.contact-page-container{min-height:100vh;background-color:#0f0f0f;color:#fff}.contact-form-wrapper{max-width:600px;margin:50px auto;padding:40px;background-color:#1a1a1a;border-radius:10px;box-shadow:0 5px 20px #00000080}.back-link{color:var(--point-color);text-decoration:none;font-size:1rem;display:inline-block;margin-bottom:20px}.back-link:hover{text-decoration:underline}.contact-title{font-size:2rem;font-weight:700;color:var(--point-color);margin-bottom:10px}.contact-description{font-size:1rem;color:var(--text-light);margin-bottom:30px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;font-size:.9rem;font-weight:500;color:var(--text-dark);margin-bottom:8px}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px;background-color:#2a2a2a;border:1px solid #444;border-radius:5px;color:#fff;font-family:Pretendard,sans-serif;font-size:1rem;box-sizing:border-box}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{border-color:var(--point-color);outline:none;box-shadow:0 0 0 2px #f0f3}.contact-form textarea{resize:vertical}.contact-form button[type=submit]{width:100%;padding:15px;background-color:var(--point-color);color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.contact-form button[type=submit]:hover:not(:disabled){background-color:#e000e0}.contact-form button[type=submit]:disabled{background-color:#555;cursor:not-allowed}.form-status{text-align:center;margin-top:20px;font-size:.9rem;color:var(--point-color)}.detail-page-container{padding:50px;color:#fff;max-width:1200px;margin:0 auto}.detail-page-container h1{font-size:2.5rem;color:var(--point-color);margin-top:0}.detail-page-container p{font-size:1rem;margin-bottom:10px}.detail-page-container strong{color:var(--text-dark)}.detail-page-container a{color:var(--point-color);text-decoration:underline}.detail-page-container a:hover{text-decoration:none}.detail-page-container hr{border-color:#333;margin:20px 0}.detail-page-container img{max-width:100%;height:auto;border-radius:10px}.detail-page-content{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-light);background-color:#0f0f0f}
