:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666;--color-border: #e0e0e0;--color-faq-inactive: #f5f5f5;--color-faq-active: #fafafa;--color-accent: #ffdd00;--color-accent-hover: #f5d000;--max-width: 680px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-decorative: "Reenie Beanie", cursive}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:1.125rem;color:var(--color-text);text-decoration:none}.logo:hover{color:var(--color-text-muted)}.nav{display:flex;align-items:center;gap:1rem}.btn-apply{display:inline-block;padding:.5rem 1.25rem;background-color:var(--color-accent);color:var(--color-text);font-weight:600;font-size:.9rem;text-decoration:none;border-radius:8px;transition:background-color .2s}.btn-apply:hover{background-color:var(--color-accent-hover)}.main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.hero{text-align:center;margin-bottom:2.5rem}.hero-title{font-family:var(--font-decorative);font-size:3.5rem;font-weight:400;margin:0 0 .5rem;color:var(--color-text)}.hero-subtitle{font-size:1rem;color:var(--color-text-muted);margin:0 0 1.5rem}.hero-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pill{display:inline-block;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-text);border-radius:9999px;transition:background-color .2s,color .2s}.pill:hover{background-color:var(--color-text);color:var(--color-bg)}.pill-primary{background-color:var(--color-accent);border-color:var(--color-accent)}.pill-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text)}.faq{margin-bottom:2rem}.faq-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.faq-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.5rem}.faq-category-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--color-text-muted);background:var(--color-faq-inactive);border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.faq-category-btn:hover{color:var(--color-text);background-color:var(--color-faq-active)}.faq-category-btn--active{color:var(--color-text);background-color:var(--color-accent);border-color:var(--color-accent)}.faq-category-btn--active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.faq-permalink{display:inline-block;margin-top:.75rem;font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.faq-permalink:hover{color:var(--color-text)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.faq-item--open{background-color:var(--color-faq-active)}.faq-item:not(.faq-item--open){background-color:var(--color-faq-inactive)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;text-align:left;color:var(--color-text);background:none;border:none;cursor:pointer;transition:background-color .2s}.faq-question:hover{background-color:#00000008}.faq-chevron{flex-shrink:0;font-size:.75rem;color:var(--color-text-muted)}.faq-answer{padding:0 1.25rem 1rem}.faq-answer[hidden]{display:none}.faq-answer p{margin:0 0 .75rem;font-size:.95rem;line-height:1.65;color:var(--color-text-muted)}.faq-answer p:last-child{margin-bottom:0}.faq-cta-link{color:var(--color-text);font-weight:600;text-decoration:underline}.faq-cta-link:hover{color:var(--color-text-muted)}.faq-link-question{font-weight:600;font-size:1rem}.question-page{margin-bottom:2rem}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-text)}.breadcrumb-sep{margin:0 .5rem}.question-page-title{font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;line-height:1.3}.question-page-answer{font-size:1rem;line-height:1.7}.question-page-answer p{margin:0 0 1rem}.question-page-answer p:last-child{margin-bottom:0}.question-page h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem}.question-page h2:first-of-type{margin-top:1rem}.question-page a{color:var(--color-accent);text-decoration:underline}.question-page a:hover{color:var(--color-accent-hover)}.question-page-back{display:inline-block;margin-top:1.5rem;font-size:.9rem;color:var(--color-text-muted);text-decoration:none}.question-page-back:hover{color:var(--color-text)}.question-page-figure{margin:1.5rem 0}.question-page-img{width:100%;height:auto;border-radius:12px;border:1px solid var(--color-border)}.question-page-figcaption{font-size:.875rem;color:var(--color-text-muted);margin-top:.5rem}.cta{background-color:var(--color-faq-inactive);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.cta-inner{text-align:center}.cta-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.cta-subtitle{font-size:.95rem;color:var(--color-text-muted);margin:0 0 1.25rem}.cta-button{display:inline-block;padding:.75rem 2rem;background-color:var(--color-accent);color:var(--color-text);font-weight:600;font-size:1rem;text-decoration:none;border-radius:8px;transition:background-color .2s}.cta-button:hover{background-color:var(--color-accent-hover)}.footer{margin-top:auto;border-top:1px solid var(--color-border);padding:1.5rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-copyright{font-size:.875rem;color:var(--color-text-muted);margin:0}.footer-copyright a{color:var(--color-text-muted);text-decoration:underline}.footer-copyright a:hover{color:var(--color-text)}.campus-map{margin-bottom:2.5rem;text-align:center}.campus-map-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.campus-map-img{width:100%;height:auto;border-radius:12px;border:1px solid var(--color-border)}.campus-map-caption{font-size:.875rem;color:var(--color-text-muted);margin:.75rem 0 0}@media(max-width:768px){.hero-title{font-size:2.75rem}.main{padding:1.5rem 1rem 2rem}.header{padding:1rem}.question-page-title{font-size:1.5rem}}@media(max-width:640px){.hero-title{font-size:2.25rem}.hero-pills{flex-direction:column;gap:.5rem}.pill{width:100%;text-align:center}.faq-question{font-size:.95rem;padding:.875rem 1rem}.faq-answer p{font-size:.9rem}.faq-categories{gap:.5rem}.faq-category-btn{font-size:.8rem;padding:.4rem .75rem}.cta{padding:1.5rem 1rem}.footer-inner{flex-direction:column;text-align:center;gap:1.5rem}}@media(max-width:480px){.hero-title{font-size:2rem}.logo{font-size:1rem}.btn-apply{padding:.4rem 1rem;font-size:.85rem}.question-page-title{font-size:1.25rem}}.quiz-container{max-width:var(--max-width);margin:0 auto 4rem;padding:2.5rem;background-color:var(--color-bg);border:2px solid var(--color-text);box-shadow:4px 4px 0 var(--color-text);border-radius:12px}.quiz-intro{text-align:center}.quiz-title{font-family:var(--font-decorative);font-size:3rem;margin:0 0 1rem;color:var(--color-text);line-height:1}.quiz-description{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:2rem}.quiz-btn{font-family:var(--font-body);font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid var(--color-text);text-decoration:none;display:inline-block}.quiz-btn-primary{background-color:var(--color-accent);color:var(--color-text);box-shadow:2px 2px 0 var(--color-text)}.quiz-btn-primary:hover{background-color:var(--color-accent-hover);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-text)}.quiz-btn-primary:active{transform:translate(2px,2px);box-shadow:none}.quiz-btn-secondary{background-color:transparent;color:var(--color-text)}.quiz-btn-secondary:hover{background-color:var(--color-faq-inactive)}.quiz-progress-bar{width:100%;height:8px;background-color:var(--color-faq-inactive);border-radius:4px;margin-bottom:1.5rem;overflow:hidden;border:1px solid var(--color-border)}.quiz-progress-fill{height:100%;background-color:var(--color-accent);transition:width .3s ease}.quiz-question-header{margin-bottom:1rem}.quiz-question-number{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.quiz-question-text{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0 0 2rem;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option-btn{text-align:left;font-family:var(--font-body);font-size:1rem;padding:1.25rem;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--color-text);line-height:1.5}.quiz-option-btn:hover{border-color:var(--color-text);background-color:var(--color-faq-inactive);box-shadow:2px 2px 0 var(--color-border)}.quiz-results{text-align:center;animation:fadeIn .5s ease-out}.quiz-result-title{font-family:var(--font-decorative);font-size:3rem;margin:0 0 .5rem;line-height:1}.quiz-result-score{font-size:1.25rem;font-weight:700;color:var(--color-text);background-color:var(--color-faq-inactive);display:inline-block;padding:.5rem 1rem;border-radius:6px;margin:0 0 1.5rem}.quiz-result-description{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.7}.quiz-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.quiz-container{padding:1.5rem;margin:0 1rem 3rem}.quiz-title{font-size:2.5rem}.quiz-question-text{font-size:1.25rem}}.photo-carousel-section{max-width:var(--max-width);margin:0 auto 4rem;padding:0 1rem}.photo-carousel-header{margin-bottom:1.5rem;padding:0 1.5rem}.photo-carousel-title{font-family:var(--font-decorative);font-size:3rem;margin:0;color:var(--color-text);line-height:1}.photo-carousel-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin:.5rem 0 0}.photo-carousel-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;padding-bottom:20px}.photo-carousel-container::-webkit-scrollbar{display:none}.photo-carousel-track{display:flex;gap:1.5rem;padding:0 1.5rem;width:max-content}.photo-carousel-slide{scroll-snap-align:center;position:relative;width:280px;height:350px;background-color:var(--color-bg);border:2px solid var(--color-text);border-radius:8px;box-shadow:4px 4px 0 var(--color-text);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.photo-carousel-slide:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-text)}.photo-carousel-img{width:100%;height:100%;object-fit:cover;border-bottom:2px solid var(--color-text)}.photo-carousel-caption{position:absolute;bottom:0;left:0;right:0;background-color:var(--color-bg);padding:.75rem 1rem;font-size:.875rem;font-weight:600;line-height:1.3;color:var(--color-text);border-top:2px solid var(--color-text)}@media(max-width:480px){.photo-carousel-slide{width:240px;height:300px;scroll-snap-align:start}}.photo-carousel-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding:0 1.5rem}.photo-carousel-title-group{display:flex;flex-direction:column}.photo-carousel-controls{display:flex;gap:.5rem}.carousel-control-btn{background-color:var(--color-bg);color:var(--color-text);border:2px solid var(--color-text);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;box-shadow:2px 2px 0 var(--color-text);transition:transform .1s,box-shadow .1s}.carousel-control-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-text)}.carousel-control-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-text)}@media(max-width:768px){.photo-carousel-controls{display:none}.photo-carousel-header{flex-direction:column;align-items:flex-start}}.logo .brand-accent{color:var(--color-accent)}
