@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,system-ui,sans-serif}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(to bottom,#4b5d3a,#3f5031,#2f3f26);height:100vh;margin:0;padding:0;background-attachment:fixed;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:linear-gradient(135deg,#b8d977,#7ea84c,#3e6b33);background-attachment:fixed;min-height:100vh}section{background:transparent!important}#home,#about,#gallery,#faq,#sponsors{background:transparent!important}.section-overlay{background:#0000001a;padding:4rem 2rem}@media(hover:hover){button:hover{background-color:#2d3a28}}ul{list-style:none}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;width:100%;z-index:40;transition:transform .3s ease,opacity .3s ease,background .3s ease,backdrop-filter .3s ease;height:100px;opacity:1;transform:translateY(0);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.navbar.scrolled{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #6b8e7a33}.navbar.hidden{opacity:0;transform:translateY(-100%)}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:relative;transition:padding .3s ease}.logo{font-size:1.5rem;font-weight:700;color:#4a5d3f;transition:font-size .3s ease}.hamburger{display:none;flex-direction:column;gap:5px;border:none;background:none;cursor:pointer;position:absolute;top:2.5rem;right:2rem;z-index:60;transition:top .3s ease}.hamburger .line{width:25px;height:3px;background-color:#333;transition:all .3s ease-in-out}.hamburger.is-active .line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-active .line:nth-child(2){opacity:0}.hamburger.is-active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links.desktop{display:flex;gap:1.5rem;align-items:center}.nav-links.desktop a{text-decoration:none;color:#2d3a28;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0;line-height:1.5;position:relative;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 8px rgba(255,255,255,.85),0 0 16px rgba(255,255,255,.6),0 0 22px rgba(34,197,94,.7),0 0 38px rgba(34,197,94,.55),0 0 46px rgba(249,115,22,.35),0 10px 26px rgba(0,0,0,.28)}.nav-links.desktop a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#3d5a32;transition:all .3s ease;transform:translate(-50%)}.nav-links.desktop a:hover{color:#3d5a32;background:#6b4e2e1a;text-shadow:0 0 2px rgba(255,255,255,1),0 0 10px rgba(255,255,255,.95),0 0 22px rgba(255,255,255,.7),0 0 28px rgba(34,197,94,.85),0 0 54px rgba(34,197,94,.65),0 0 60px rgba(249,115,22,.45),0 12px 30px rgba(0,0,0,.3)}.nav-links.desktop a:hover:before{width:80%}.fullscreen-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#6b8e7a,#4a5d3f);z-index:50;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:fadeIn .3s ease forwards;padding-top:3rem}.menu-items{list-style:none;text-align:center;margin:0;padding:0;gap:2rem;display:flex;flex-direction:column;margin-top:1.5rem}.menu-item a{text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;transition:color .3s ease;padding:.5rem 0}.menu-item a:hover{color:#d4c5b0;transform:translate(10px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hamburger{display:flex}.nav-links.desktop{display:none}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10%)}}.fullscreen-menu.is-exiting{animation:fadeOut .3s ease forwards;pointer-events:none}.form_item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ohlone{color:#fff;font-weight:900}.form_date{font-weight:700;text-align:center;color:#fff}.hacks{color:#fff;font-weight:800;text-align:center}.hero.hero_container{min-height:100vh;background-image:url(/assets/image-zMAz2hid.gif),url(/assets/milly_bg-CycMAgwA.png);background-position:center 88%,center;background-size:40% auto,cover;background-repeat:no-repeat,no-repeat;background-attachment:scroll,scroll;position:relative;width:100%;padding:clamp(4rem,10vh,11rem) 1rem;display:flex;justify-content:center;align-items:center;filter:saturate(1.15) contrast(1.05)}.hero.hero_container:before{content:"";position:relative;inset:0;background:#ffffff1a;z-index:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 70% 70%,rgba(34,197,94,.1),transparent 55%),#ffffff14}.hero.form_container{z-index:13;margin-top:2rem;position:relative;top:20%;transform:none!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.form_buttons_wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;flex-wrap:wrap}.form_buttons{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.form_buttons a{display:flex;justify-content:center;align-items:center;max-width:250px;min-width:200px;text-decoration:none;padding:12px 100px;font-size:1.2rem;font-weight:700;text-align:center;border-radius:.5rem;transition:all .3s ease}.form_register{color:#fff;background:#7ea84c;box-shadow:0 8px 20px #6b8e7a73;border:2px solid transparent}.form_mentor{color:#fff;background:#a35c3b;box-shadow:0 8px 20px #6b4e2e73;border:2px solid transparent}.form_register:hover{background:#3e6b33;box-shadow:0 12px 30px #6b8e7a99;transform:translateY(-3px);border:2px solid #D4C5B0}.form_mentor:hover{background:#8c6a4e;box-shadow:0 12px 30px #6b4e2e99;transform:translateY(-3px);border:2px solid #D4C5B0}.bee{width:80px;height:auto;animation:bee_float 3s ease-in-out infinite;margin-right:20px}.form_title h1,.form-date h2{letter-spacing:.5px;text-shadow:0 2px 10px rgba(255,255,255,.55),0 12px 30px rgba(0,0,0,.22)}@keyframes bee_float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:1280px)and (min-width:600px){.form_buttons_wrapper{flex-direction:row;justify-content:center}.bee{order:0;margin-right:20px;margin-top:0}}@media(max-width:600px){.form_buttons_wrapper{flex-direction:column}.bee{order:2;margin-top:10px;margin-right:0}}.fountain_container{position:relative;width:100%;margin-top:0;z-index:2;height:auto;min-height:100vh;overflow:hidden}.fountain{width:100%;height:100%;object-fit:cover}@media(min-width:1024px){.hero.form_container{position:absolute!important;left:70%!important;top:20%!important;transform:translate(10%)}}@media(min-width:1024px)and (max-width:1681px){.fountain_container{height:110vh;margin-top:-5vh;overflow:visible}}@media(min-width:1681px){.fountain_container{height:109vh;margin-top:-10vh;overflow:visible}}@media(min-width:1024px)and (max-width:1681px){.form_item.form_title{font-size:1rem}.ohlone,.hacks{font-size:2.5rem}.form_item.form_date{font-size:1.2rem}}@media(max-width:768px){.hero.hero_container{padding:7rem 0 0rem;min-height:100vh;background-attachment:fixed}.fountain_container{height:100vh;margin-top:0}.fountain{width:100%;height:100%;object-fit:cover}.clouds_wrapper{height:100vh}.hero.form_container{width:80%}.form_buttons a{width:auto}}.faq-section{background:transparent;color:#fff;padding:80px 5vw;text-align:center;width:100%;position:relative}.faq-title{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#fff}.faq-items{text-align:left;max-width:800px;margin:0 auto}.faq-item{background:#ffffff1a;padding:18px 25px;margin:12px 0;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.faq-item:hover{background:#fff3;transform:scale(1.02)}.question{font-size:1.4rem;font-weight:700;color:#fff}.answer{font-size:1.1rem;margin-top:10px;color:#fff;display:block}@media(max-width:768px){.faq-title{font-size:2rem}.faq-item{padding:15px}.question{font-size:1.2rem}.answer{font-size:1rem}.faq-section:before{top:-40px;height:80px}}.sponsors-section{padding:2rem 1rem;text-align:center;background:transparent}.sponsors-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.sponsors-subtitle{font-size:1.2rem;color:#fff;margin-bottom:1rem}.sponsors-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:1.2rem;justify-content:center;max-width:1100px;margin:0 auto;padding:1rem}@media(max-width:900px){.sponsors-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:1rem;max-width:600px}}@media(max-width:600px){.sponsors-grid{grid-template-columns:repeat(1,minmax(250px,1fr));gap:.6rem;max-width:90%;margin:0 auto}}.sponsor-item{background:#fff;border-radius:16px;padding:.8rem;box-shadow:0 4px 8px #00000026;transition:transform .2s ease-out,box-shadow .2s ease-out;width:100%;max-width:280px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;will-change:transform}.sponsor-item:active{transform:none!important}.sponsor-item:hover{transform:scale(1.03);box-shadow:0 4px 8px #0003}.sponsor-logo{max-width:80%;max-height:80%;object-fit:contain;display:block;transition:transform .2s ease-out}.sponsor-item:hover .sponsor-logo{transform:none!important}.about-us-container{overflow-x:hidden;width:100%;margin:0 auto;padding:2rem 1rem;text-align:center;background:transparent;color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.main-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:30px;margin-bottom:20px}.about-text{max-width:600px;text-align:left;animation:fadeIn 2s ease-out forwards;padding:10px}.about-text h2{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#7a3f2a}.about-text p{font-size:1.4rem;line-height:1.5;opacity:.9;margin-top:5px}.highlight{color:#7a3f2a}.info-section{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;width:100%;margin-top:20px;text-align:center;max-width:1200px}.left-info{text-align:right;font-size:1.5rem;line-height:1.8;display:flex;flex-direction:column;gap:15px;opacity:.8;transition:opacity .3s ease-out;max-width:400px}.left-info p{display:flex;flex-direction:column;gap:15px}.word{font-size:2rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:2px;transition:transform .5s ease-out,color .5s ease-out;display:inline-block}.left-info:hover .word{transform:translateY(-10px);opacity:1;color:#7a3f2a}.word:nth-child(1){transition-delay:0s}.word:nth-child(2){transition-delay:.2s}.word:nth-child(3){transition-delay:.4s}.image-building,.right-image{position:relative;width:500px;max-width:90%;height:auto;display:flex;justify-content:center;align-items:center}.image-building img,.right-image img{width:100%;height:auto;object-fit:contain;position:relative;z-index:2}@media(max-width:768px){.about-us-container{padding:1rem}.main-section{flex-direction:column;align-items:center}.about-text{max-width:90%;text-align:center}.about-text h2{font-size:2rem}.about-text p{font-size:1.1rem;line-height:1.3}.info-section{flex-direction:column;align-items:center;text-align:center;gap:20px}.left-info{width:100%;font-size:1.2rem;text-align:center}.word{font-size:1.2rem}.image-building,.right-image{width:90%;max-width:350px}}
