@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";#root{text-align:center;width:100vw;max-width:1280px;height:100vh}.app-container{display:flex;flex-direction:column;height:100%}.content{transition:margin-left .3s ease;height:100%;display:flex}.side-menu .content{margin-left:250px;transition:margin-left .3s ease}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.asu-logo{width:150px}.selected-semester-label{color:#000;margin-top:6px}.menu-item{margin:10px;color:#000}.semester-selector label{color:#000;margin-right:8px}.semesterDropdown{padding:5px;border-radius:5px;border:1px solid #ccc;background-color:#fff;color:#000}.nav-container{display:flex;background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;position:relative}.nav-mobile-dropdown{position:absolute;top:40px;left:0;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:4px;z-index:100;width:100%;overflow:hidden;transition:height .3s ease}ul{list-style:none;padding:0;margin:0;width:100%}li{list-style:none}.burger-menu{background:none;width:40px;height:40px;border:none;outline:none;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;z-index:101}.bun{position:absolute;left:50%;background:#000;width:20px;height:2px;border-radius:2px;transition:all .3s ease}.patty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;width:20px;height:2px;border-radius:2px;transition:all .3s ease}.desktop-menu{display:none;flex-direction:row;color:#000;gap:10px;justify-content:baseline;align-items:center}.department-button{position:relative;background:none;border:none;cursor:pointer;font-size:1rem;padding:8px;color:#000;display:flex;align-items:center;gap:4px}.department-button:hover,.department-button:focus{background-color:#f0f0f0;border-radius:4px}.department-button:hover .arrow{transform:rotate(180deg);transition:transform .3s ease}.department-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 8px #00000026;z-index:100;min-width:200px;border-radius:4px;padding:8px 0}.special-link{color:#000;text-decoration:none;padding:8px;display:flex;align-items:center;gap:4px;transition:background-color .3s,color .3s}.special-link:hover{border-radius:4px;background-color:#f0f0f0}.department-button:hover .department-dropdown,.department-button:focus-within .department-dropdown{display:block}.department-dropdown .menu-item{display:block;padding:8px 16px;color:#333;text-decoration:none;transition:background .2s}.department-dropdown .menu-item:hover,.department-dropdown .menu-item.active{background:#f0f0f0;color:#000}@media (min-width: 800px){.burger-menu,.nav-mobile-dropdown{display:none}.desktop-menu{display:flex}}body.pre-event-landing-page-body{font-family:Arial,sans-serif}.pre-event-landing-page{margin:0;text-align:center;transition:margin-left .3s ease}.pre-event-landing-page.compressed{margin-left:270px}.pre-event-landing-page .asu-logo{margin-top:0;width:400px;transition:transform .3s ease}.asu-logo:hover{transform:scale(1.05)}.header-background{background-image:url(/assets/mainBack-C47QrQ1-.jpeg);background-size:cover;background-position:center 5%;padding:40px 10px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:8px solid black;box-shadow:0 4px 8px #0000004d}.button-container{display:flex;justify-content:center;gap:20px;margin-top:5px}.admin-login-button{background-color:#8c1d40;color:#fff;padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:17px;font-weight:700;box-shadow:0 4px 8px #0003;transition:all .3s ease}.admin-login-button:hover,.survey-form-button:hover{background-color:#611029;transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.admin-login-button:focus,.survey-form-button:focus{outline:none;box-shadow:0 0 0 3px #8c1d4080}.showcase-image{width:26.35%;height:auto;margin-top:27px;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.showcase-image:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d;cursor:default}.content-area{background:#fff!important;padding-bottom:25px;box-shadow:0 4px 12px #00000026}.event-details{margin-top:5px;text-align:center}.event-details article{display:inline-block;text-align:left;width:80%}.event-details article p{color:#000;font-weight:700;padding:15px;border:1px solid black;border-radius:8px;margin-bottom:15px;background-color:#ffffffe6;box-shadow:0 6px 12px #0003,0 1px 3px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.event-details article p:hover{box-shadow:0 8px 16px #0000004d,0 2px 4px #0003;transform:scale(1.02)}.uploaded-image{width:100%;height:auto}footer{background:#ffc627;background:linear-gradient(90deg,#ffc627,#ffc627 13%,#8c1d40 55%);margin-top:100px;height:auto;width:100%}footer a{color:#fff;font-size:14px;transition-duration:.2s}footer label{color:#fff;font-size:14px;transition-duration:.2s}footer a:hover{color:#ffc627;text-decoration:none}footer h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:500;position:relative;text-align:left}footer ul{list-style-type:none;margin:auto;padding:0;text-align:left}footer li a{white-space:nowrap}h4{margin-bottom:5px}.row1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:20px}.col{padding:0 15px}.table td{width:25%;vertical-align:top;padding:0 15px}.asu-logo-footer{width:clamp(120px,300px,300px);height:auto}input[type=email]{background-color:#fff;color:#000;border:2px solid #FFC627;padding:5px;border-radius:5px}.row2 .column1{font-size:15px;padding:10px;border-top:1px solid #FFFFFF}.email-box{background-color:#000;color:#fff;padding:1px 12px;border-radius:4px;display:inline-block;margin-top:2px;text-align:center;transition:background-color .3s ease,transform .3s ease}.email-box:hover{background-color:#ffc627;transform:scale(1.15)}.email-box a{color:#fff;text-decoration:none}.email-box:hover a{color:#000}.computer-science .header-background{background-image:url(/assets/csBanner1-BxcYxy69.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.computer-systems-engineering-page-body{font-family:Arial,sans-serif}.computer-systems-engineering{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.computer-systems-engineering.compressed{margin-left:270px}.computer-systems-engineering .header-background{background-image:url(/assets/cseBanner1-DJj58XBU.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.computer-systems-engineering .asu-logo{top:10px;left:10px;width:200px;height:auto}.computer-systems-engineering .title-container{text-align:center;color:#000}.industrial-engineering-page-body{font-family:Arial,sans-serif}.industrial-engineering{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.industrial-engineering.compressed{margin-left:270px}.industrial-engineering .header-background{background-image:url(/assets/ieBanner-DV_3gyym.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.industrial-engineering .asu-logo{top:10px;left:10px;width:200px;height:auto}.industrial-engineering .title-container{text-align:center;color:#000}.informatics-page-body{font-family:Arial,sans-serif}.informatics{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.informatics.compressed{margin-left:270px}.informatics .header-background{background-image:url(/assets/infBanner-CJkBQqCs.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.informatics .asu-logo{top:10px;left:10px;width:200px;height:auto}.informatics .title-container{text-align:center;color:#000}.poster-button{background:#8c1d40;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.interdisciplinary-page-body{font-family:Arial,sans-serif}.interdisciplinary{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.interdisciplinary.compressed{margin-left:270px}.interdisciplinary .header-background{background-image:url(/assets/idtBanner-DQr407ey.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.interdisciplinary .asu-logo{top:10px;left:10px;width:200px;height:auto}.interdisciplinary .title-container{text-align:center;color:#000}.electrical-engineering-page-body{font-family:Arial,sans-serif}.electrical-engineering{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.electrical-engineering.compressed{margin-left:270px}.electrical-engineering .header-background{background-image:url(/assets/eeBanner-ukj4Z_6d.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.electrical-engineering .asu-logo{top:10px;left:10px;width:200px;height:auto}.electrical-engineering .title-container{text-align:center;color:#000}.biomedical-engineering-page-body{font-family:Arial,sans-serif}.biomedical-engineering{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.biomedical-engineering.compressed{margin-left:270px}.biomedical-engineering .header-background{background-image:url(/assets/bioBanner-DFfOJUmr.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.biomedical-engineering .asu-logo{top:10px;left:10px;width:200px;height:auto}.biomedical-engineering .title-container{text-align:center;color:#000}.about-page-body{font-family:Arial,sans-serif}.about{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.about.compressed{margin-left:270px}.team-member-image{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:10px;box-shadow:0 4px 8px #0003}.about .header-background{background-image:url(/assets/teamBanner-vkw-wOmm.png);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.about .asu-logo{position:absolute;margin-top:-14px;left:8px;width:415px;height:auto}.about-content-area{background-color:#fff;width:100%;overflow-y:auto;padding-top:20px}.team-section{margin-top:25px;padding:20px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.team-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-bottom:50px}.team-member{width:14em;min-height:379px!important;color:#000;text-align:center;background-color:#f9f9f9;padding:20px;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 16px #0003;overflow:hidden;display:flex;flex-direction:column}.team-member:hover{transform:translateY(-10px);box-shadow:0 12px 24px #0000004d;cursor:pointer}.team-member img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:10px;box-shadow:0 4px 8px #0003}.team-member p{color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:5px 0;font-size:14px;line-height:1.4}.team-member p b{font-size:14px;color:#213547}.team-icons a{margin:0 10px;font-size:20px;color:#000;transition:color .3s ease}.team-icons a:hover{color:#0077b5}footer{margin-top:25px;font-size:16px;color:#fff}.nowrap{white-space:nowrap}.mechanical-engineering-page-body{font-family:Arial,sans-serif}.mechanical-engineering{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.mechanical-engineering.compressed{margin-left:270px}.mechanical-engineering .header-background{background-image:url(/assets/mechBanner-CNbEtoB6.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.mechanical-engineering .asu-logo{top:10px;left:10px;width:200px;height:auto}.mechanical-engineering .title-container{text-align:center;color:#000}.project-card{display:flex;gap:20px;align-items:center;margin-bottom:30px;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:12px;padding:16px;box-shadow:0 4px 8px #0000001a;height:fit-content;width:800px;margin-left:auto;margin-right:auto}.admin-login-page-body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}.box-wrapper{width:100%;max-width:400px}.box{background-color:#fff;padding:33px;box-shadow:0 0 10px #0000001a;border-radius:8px;text-align:center}.logo{width:150px;height:auto;margin-bottom:1rem}.admin-login-title{margin-bottom:1rem;font-size:30px;color:#000}.input{background-color:#fff;color:#000;display:block;width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.button{padding:.5rem 1rem;margin-top:1em;background-color:#8c1d40;color:#fff;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:#611029}.admin-dashboard-container{display:flex;justify-content:center;width:100%;background-color:#d3d3d3;margin-top:70px;font-family:Arial,sans-serif}.admin-dashboard{display:flex;width:1200px;height:100vh}.sidebar{background-color:#484546;color:#fff;width:200px;height:100%;padding:20px;box-sizing:border-box}.admin-info{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.admin-info img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px;border:3px solid white}.admin-info p{margin:0;font-size:18px;color:#fff}.dashboard-header{font-weight:700}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin-bottom:20px;font-size:18px}.sidebar ul li i{margin-right:10px;font-size:16px}.sidebar ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.sidebar ul li a:hover{color:#d0d0d0}.admin-dashboard-content{flex:1;padding:20px;background-color:#fff;border-radius:15px;margin:25px;box-sizing:border-box}h1{font-size:24px;margin-bottom:20px;color:#000}.button-row{display:flex;justify-content:space-between;margin-bottom:30px;padding-left:40px;padding-right:40px;padding-top:40px}.dashboard-button{width:200px;height:200px;background-color:#8c1d40;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:10px;cursor:pointer;transition:background-color .3s ease;padding-right:10px;padding-left:10px}.dashboard-button:hover{background-color:#541227}.edit-button-row{display:flex;justify-content:center;gap:100px;margin-top:60px}.computer-science-page-body{font-family:Arial,sans-serif}.computer-science{margin:0;padding-top:20px;text-align:center;transition:margin-left .3s ease}.computer-science.compressed{margin-left:270px}.computer-science .header-background{background-image:url(/assets/csBanner1-BxcYxy69.jpeg);background-size:cover;background-position:center;padding:40px 20px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;border-top-right-radius:10px;border-top-left-radius:10px}.header-background h1,.header-background h2,.header-background h3{margin:10px 0}.survey-form-button{background-color:#8c1d40;color:#fff;padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:17px;font-weight:700;box-shadow:0 4px 8px #0003;transition:all .3s ease}.survey-form-button:hover{background-color:#611029}.computer-science .asu-logo{top:10px;left:10px;width:200px;height:auto}.computer-science .title-container{text-align:center;color:#000}.content-area{background:#d3d3d3;width:100%;overflow-y:auto;padding-top:20px}.projects-list{display:flex;flex-direction:column;gap:20px;margin:20px 0}.project-card{display:flex;gap:20px;align-items:center;margin-bottom:30px;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:12px;padding:16px;box-shadow:0 4px 8px #0000001a;height:fit-content;max-width:800px;margin-left:auto;margin-right:auto}.project-card:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.project-card.zigzag-left{flex-direction:row}.project-card.zigzag-right{flex-direction:row-reverse}.youtube-thumbnail{width:240px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.youtube-thumbnail:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.project-title{margin-bottom:10px;font-size:1.5rem;font-weight:700;color:#8c1d40}.project-description{margin-bottom:10px;font-style:italic;color:#555}.project-details p{margin:5px;text-align:left;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;overflow-y:auto}.close-modal{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;cursor:pointer}.close-modal:hover{background-color:#611029}.modal-content h3{font-size:2rem;margin-bottom:20px}.modal-content p{font-size:1.2rem;margin-bottom:15px}.project-summary-container{width:100%;background:#d3d3d3;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.project-image-container{flex-shrink:0;margin-left:20px}.project-image:hover{transform:scale(1.05)}.project-header{display:flex;justify-content:space-between;align-items:center;background:#d3d3d3;padding:20px;width:100%}.project-image img{width:250px;height:auto;border-radius:8px;margin-right:20px;margin-left:100px}.project-details{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:left}.project-info{flex:1;text-align:left}.semester-tag{background-color:#ffc107;color:#000;padding:5px 10px;border-radius:4px;font-weight:700;display:inline-block;text-align:left}.project-title{font-size:2rem;font-weight:700;text-align:left;flex-wrap:wrap}.project-category{font-size:1rem;font-weight:700;color:#555;margin-bottom:5px;text-align:left}.team-members{font-size:1rem;color:#555}.button-container{margin-top:20px}.poster-container,.team-container{margin-top:20px;text-align:center}.poster-container img,.team-container img{border-radius:10px;box-shadow:0 4px 12px #0000001a}.poster-button:hover{background-color:#611029}.project-details h3{font-size:2rem;margin-top:15px;font-weight:700;color:#333}.project-details p{font-size:1rem;color:#444;line-height:1.5;margin-bottom:15px}.left-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:50px;margin-left:150px;margin-right:500px}.right-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;margin-right:100px;margin-top:50px}.vertical-bar{width:2px;background-color:#ccc;height:100%;margin:0 20px}.locked{color:gray;font-size:18px;font-family:Trebuchet MS;font-weight:700;padding:10px 15px;background:none;pointer-events:none;text-decoration:none;cursor:not-allowed;display:inline-flex;align-items:center}.survey-form-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.more-projects-button{background-color:#8c1d40;color:#fff;padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:17px;font-weight:700;box-shadow:0 4px 8px #0003;transition:all .3s ease}.more-projects-button:hover{background-color:#611029}.project-details p{margin:5px 0;text-align:left}// ContactSupport.tsx import React,{useState}from "react"; import "../CSS/ContactSupport.css"; const ContactSupport: React.FC = () =>{const [email,setEmail] = useState("");const [message,setMessage] = useState("");const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) =>{e.preventDefault();console.log("Support request submitted:",{email,message});alert("Your request has been submitted!");setEmail("");setMessage("")}return (<div className="contact-support-container"> <h1>Contact Support</h1> <form onSubmit={handleFormSubmit} className="support-form"> <div className="form-group"> <label htmlFor="email">Email</label> <input type="email" id="email" name="email" value={email} onChange={(e) => setEmail(e.target.value)} required className="form-input" /> </div> <div className="form-group"> <label htmlFor="message">Message</label> <textarea id="message" name="message" rows={5} value={message} onChange={(e) => setMessage(e.target.value)} required className="form-input" ></textarea> </div> <button type="submit" className="submit-button"> Submit </button> </form> </div>)}; export default ContactSupport; .winners-form-container{display:flex;flex-direction:column;align-items:center;min-width:320px;max-width:100%;flex-grow:1}.winners-showcase-title{color:#8c1d40;font-family:sans-serif;padding-top:1rem}.winners-form{display:flex;width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:1.5rem;background:#f9f9f9;padding:2rem 1.5rem;border-radius:12px 12px 0 0;box-shadow:0 2px 12px #00000014;align-items:flex-end;text-align:left;margin-bottom:25px}.winners-form span{display:flex;flex-direction:column;min-width:180px}.winners-form label{font-weight:600;margin-bottom:8px;color:#8c1d40}.winners-form .filter-param{padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:16px;background:#fff;color:#000}.button-container{display:flex;align-items:center;flex-wrap:wrap;margin-left:12px}.button-container>.form-button{padding:10px 28px;background:#8c1d40;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}.button-container>.form-button:hover{background:#a23b72}.parent-container{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-grow:1}.no-results{flex-grow:1}.winner-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;gap:16px;padding:20px;background-color:#fff}.winner-card{display:flex;flex-direction:column;align-items:center;width:300px;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:1rem;background:#fff;box-shadow:0 8px 16px #0003}.winner-image{width:100%;height:200px;background:#eaeaea;display:flex;justify-content:center;align-items:center;border-radius:8px;margin-bottom:16px;position:relative}.winner-medal{position:absolute;top:0;left:0;width:40px;height:40px;object-fit:cover;border-radius:50%;stroke-width:12}.winner-text-section{color:#000;text-align:left;margin:0}.winner-project{margin:0;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.winner-author{margin:0;font-size:.9rem;color:#555;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.winner-info-row{display:flex;align-items:baseline;justify-content:space-between}.winner-semester{font-size:.9rem;background:#d1e7ff;padding:.25rem .5rem;border-radius:5px}.winner-department{background:#ffc627;padding:.25rem .5rem;border-radius:5px;margin-left:.25rem;font-size:.9rem}.winner-description{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.winner-details-link-container{margin-top:1rem}.winner-details-link{margin-top:.75rem;background:#8c1d40;color:#fff;border:none;border-radius:5px;padding:7px 18px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block}@media (max-width: 1024px){.winner-container{flex-direction:column;align-items:center}}.project-details-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:#333;font-family:Arial,sans-serif}.back-button-container{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:#8c1d40;text-decoration:none;font-weight:600;transition:color .2s;padding:.5rem 1rem;border-radius:4px;background-color:#f5f5f5}.back-button:hover{color:#5c0f28;background-color:#ebebeb}.project-header{box-sizing:border-box;background:linear-gradient(to right,#8c1d40,#5c0f28);border-radius:8px;padding:2rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.project-header-content{max-width:800px}.project-badge{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.position-badge,.semester-badge,.department-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.position-badge{background-color:#ffc627;color:#333}.semester-badge{background-color:#fff3}.department-badge{background-color:#ffffff1a}.project-title{font-size:2.5rem;margin:1rem 0;line-height:1.2;letter-spacing:-.05rem;color:#fff}.project-author{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;margin-top:1rem}.project-content{display:grid;grid-template-columns:1fr;gap:2rem}.project-gallery{position:relative}@media (min-width: 992px){.project-content{grid-template-columns:1fr 1fr}}.project-gallery{position:sticky;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#f5f5f5;height:fit-content;top:120px}.gallery-image-container{position:relative;min-height:400px;display:flex;justify-content:center;align-items:center}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.gallery-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#00000080}.gallery-control-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.gallery-control-btn:hover{background-color:#fff3}.gallery-pagination{color:#fff;font-size:.9rem}.placeholder-image{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;color:#999;background-color:#eaeaea}.project-info{display:flex;flex-direction:column;gap:2rem}.info-section{margin-bottom:1.5rem;color:#fff}.section-title{color:#8c1d40;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #FFC627}.project-description{font-size:1.1rem;line-height:1.6;color:#fff}.team-members{display:flex;flex-wrap:wrap;gap:1rem}.team-member{display:flex;align-items:center;justify-content:baseline;gap:.5rem;padding:.5rem 1rem;background-color:#f5f5f5;border-radius:8px;height:fit-content}.member-avatar{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center}.project-resources{display:flex;flex-direction:column;gap:.75rem;color:#fff}.resource-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#8c1d40;font-weight:600;padding:.75rem 1rem;border-radius:8px;background-color:#f5f5f5;transition:background-color .2s}.resource-link:hover{background-color:#e0e0e0}.no-resources{color:#fff;font-style:italic}.social-icons{display:flex;gap:1rem}.share-icon{cursor:pointer;padding:0;transition:all .2s;background-color:#f5f5f5;color:#000;border:none;width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center}.share-icon:hover{transform:scale(1.1);background-color:#e0e0e0}.share-icon:hover svg{stroke:#8c1d40}.asu-branding{margin-top:3rem;padding:1.5rem;background-color:#2d2e30;border-radius:8px;display:flex;justify-content:flex-start}.asu-logo{height:60px}.project-not-found{text-align:center;padding:3rem;background-color:#f5f5f5;border-radius:8px;margin:2rem auto;max-width:600px}.project-not-found h2{color:#8c1d40;margin-bottom:1rem}.project-not-found .back-button{margin-top:1.5rem}@media (max-width: 768px){.project-title{font-size:2rem}.gallery-image-container{min-height:300px}.team-members{flex-direction:column;display:flex;align-items:flex-start;justify-content:flex-start}.project-gallery{position:static!important;top:auto!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}