:root{--hufs-green:#006b3c;--hufs-navy:#036;--hufs-gold:#d4af37;--hufs-silver:silver;--hufs-white:#fff;--hufs-green-light:#008b4f;--hufs-gold-light:#e5c04a;--bg-gradient:linear-gradient(135deg,#036 0%,#006b3c 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--hufs-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Noto Sans KR,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#003366f2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.header-logo{color:var(--hufs-white);align-items:center;gap:1rem;text-decoration:none;display:flex}.header-logo-img{object-fit:contain;width:auto;height:40px}.header-logo-fallback{color:var(--hufs-gold);margin-right:.5rem;font-size:1.2rem;font-weight:700;display:inline-block}.header-title{font-size:1.2rem;font-weight:600}.nav-menu{gap:1rem;list-style:none;display:flex}.nav-menu a{color:var(--hufs-white);border-radius:5px;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.nav-menu a:hover{color:var(--hufs-gold);background:#ffffff1a}.hero-section{text-align:center;padding:3rem 1rem}.hero-subtitle{color:var(--hufs-silver);margin-bottom:3rem;font-size:1.1rem;font-weight:300}.hero-logo-wrap{max-width:200px;margin:2rem auto;position:relative}.hero-logo{max-width:100%;margin:0 auto;display:block}.hero-logo-fallback{text-align:center;color:var(--hufs-gold);padding:2rem;font-size:2rem;font-weight:700;display:block}.campus-buttons{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:600px;margin:2rem auto;display:grid}.campus-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--hufs-gold);color:var(--hufs-white);background:#ffffff1a;border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.campus-button:hover{border-color:var(--hufs-gold-light);background:#d4af3733;transform:translateY(-5px)}.campus-button h2{color:var(--hufs-gold);margin-bottom:.5rem;font-size:1.8rem}.campus-button p{color:var(--hufs-silver);font-size:.9rem}.main-container{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:2rem}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--hufs-green);color:var(--hufs-white);border:2px solid var(--hufs-green)}.btn-primary:hover{background:var(--hufs-green-light);transform:translateY(-2px)}.btn-secondary{color:var(--hufs-white);border:2px solid var(--hufs-white);background:0 0}.btn-secondary:hover{background:var(--hufs-white);color:var(--hufs-navy);transform:translateY(-2px)}.btn-gold{background:var(--hufs-gold);color:var(--hufs-navy);border:2px solid var(--hufs-gold)}.btn-gold:hover{background:var(--hufs-gold-light);transform:translateY(-2px)}.btn-small{padding:.6rem 1.2rem;font-size:.9rem}.search-container{max-width:600px;margin:2rem auto}.search-box{width:100%;position:relative}.search-input{border:2px solid var(--hufs-gold);width:100%;color:var(--hufs-white);background:#ffffff1a;border-radius:8px;padding:1rem 3rem 1rem 1rem;font-size:1rem}.search-input::placeholder{color:var(--hufs-silver)}.search-input:focus{border-color:var(--hufs-gold-light);outline:none}.search-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-results{max-height:400px;margin-top:1rem;display:none;overflow-y:auto}.search-results.show{display:block}.campus-group{margin-bottom:1rem}.campus-group h3{color:var(--hufs-gold);margin-bottom:.5rem;font-size:1rem}.search-result-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:.5rem;padding:1rem;transition:all .3s}.search-result-item:hover{border-color:var(--hufs-gold);background:#d4af3733}.search-result-name{color:var(--hufs-gold);margin-bottom:.3rem;font-size:1.1rem;font-weight:600}.search-result-category{color:var(--hufs-silver);font-size:.9rem}.search-result-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-link{color:var(--hufs-gold);font-size:.85rem;text-decoration:underline}.no-results{text-align:center;color:var(--hufs-silver);padding:2rem}.no-results.show{display:block}.card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:1rem 0;padding:2rem}.modal-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.footer{background:var(--hufs-navy);text-align:center;border-top:2px solid var(--hufs-gold);margin-top:4rem;padding:2rem}.footer-text{color:var(--hufs-silver);font-size:.85rem;line-height:1.8}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.footer-links a{color:var(--hufs-gold);text-decoration:none}.footer-links a:hover{color:var(--hufs-gold-light)}h1{color:var(--hufs-gold);text-align:center;margin-bottom:1rem;font-size:2.5rem}h2{color:var(--hufs-white);margin-bottom:1rem;font-size:1.8rem}h3{color:var(--hufs-gold);margin-bottom:.8rem;font-size:1.4rem}.text-silver{color:var(--hufs-silver)}.feature-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:3rem 0;display:flex}.disclaimer{border-left:4px solid var(--hufs-green);max-width:800px;color:var(--hufs-silver);background:#0000004d;border-radius:8px;margin:3rem auto;padding:1.5rem;font-size:.85rem;line-height:1.8}.disclaimer strong{color:var(--hufs-gold)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.show{display:flex}.modal-content{background:var(--hufs-navy);border:2px solid var(--hufs-gold);border-radius:16px;width:90%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.modal-header{border-bottom:2px solid var(--hufs-gold);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title{margin:0;font-size:1.8rem;font-weight:700}.modal-close{color:var(--hufs-white);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;display:flex}.modal-close:hover{color:var(--hufs-gold);background:#ffffff1a}.restaurant-info{margin-bottom:1.5rem}.restaurant-info-item{gap:.5rem;margin-bottom:1rem;display:flex}.restaurant-info-label{color:var(--hufs-gold);min-width:80px;font-weight:600}.restaurant-info-value{color:var(--hufs-white);flex:1}.random-menu-section{max-width:800px;margin:0 auto;padding:3rem 1rem}.menu-title{color:var(--hufs-gold);text-align:center;margin-bottom:1rem;font-size:2.5rem}.campus-selector{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0;display:grid}.campus-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--hufs-gold);text-align:center;background:#ffffff1a;border-radius:12px;padding:2rem}.campus-card h3{color:var(--hufs-gold);margin-bottom:1rem;font-size:1.5rem}.menu-button{background:var(--hufs-green);color:var(--hufs-white);cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600}.menu-button:hover{background:var(--hufs-green-light);transform:translateY(-2px)}.menu-result{border:2px solid var(--hufs-gold);min-height:100px;color:var(--hufs-gold);opacity:0;background:#d4af3733;border-radius:12px;justify-content:center;align-items:center;margin-top:1.5rem;padding:2rem;font-size:1.5rem;font-weight:600;transition:all .5s;display:flex;transform:scale(.9)}.menu-result.show{opacity:1;transform:scale(1)}.menu-result.empty:before{content:"👆 버튼을 클릭하여 랜덤 메뉴를 뽑아보세요!";color:var(--hufs-silver);font-size:1rem;font-weight:400}.menu-result:not(.empty){cursor:pointer}.menu-result:not(.empty):hover{background:#d4af374d}.map-container{min-height:calc(100vh - 200px);padding:2rem 1rem}.map-header{text-align:center;margin-bottom:2rem}.map-header h1{color:var(--hufs-gold);margin-bottom:.5rem;font-size:2rem}.map-header p{color:var(--hufs-silver);font-size:1rem}.map-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tableau-wrapper{background:#ffffff0d;border-radius:12px;padding:1rem}.map-info{border-left:4px solid var(--hufs-green);max-width:800px;color:var(--hufs-silver);background:#006b3c33;border-radius:8px;margin:2rem auto;padding:1rem;font-size:.9rem}.developer-section{text-align:center;max-width:700px;margin:0 auto;padding:3rem 1rem}.developer-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--hufs-gold);background:#ffffff1a;border-radius:12px;margin:2rem 0;padding:3rem 2rem}.developer-name{color:var(--hufs-gold);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.developer-info{color:var(--hufs-white);margin-bottom:2rem;font-size:1.2rem;line-height:1.8}.developer-info strong,.text-gold{color:var(--hufs-gold)}@media (max-width:768px){.header{flex-direction:column;padding:1rem}.nav-menu{flex-direction:column;width:100%}.main-container{padding:1rem}h1{font-size:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}