body,html{font-family:sans,sans-serif;margin:0;padding:0}.navbar{background-color:#1b1b1b;box-sizing:border-box;color:#fff;gap:20px;height:9%;justify-content:space-between;left:0;padding:18px 160px;position:fixed;top:0;width:100%;z-index:1000}.nav-left,.navbar{align-items:center;display:flex}.nav-left{gap:30px}.logo img{display:block;height:44px}.nav-links{align-items:center;display:flex;gap:26px;list-style:none;margin:0;padding:0}.nav-link{background:none;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:8px 14px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:linear-gradient(90deg,#f15c5d .01%,#f15f4a 30%,#f1603f 54%,#f3723c 72%,#f89736)}.nav-link.active:after{background:#ff6f3c;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-right{align-items:center;display:flex;gap:14px}.signin-link{align-items:center;color:#fff;display:inline-flex;font-size:16px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s ease}.signin-link:hover{color:#ff6f3c}.signup-btn{background:transparent;border:1px solid #ff6f3c;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:800;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease}.signup-btn:hover{background:linear-gradient(90deg,#f15c5d .01%,#f15f4a 30%,#f1603f 54%,#f3723c 72%,#f89736);color:#fff}.mobile-menu,.modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:#1e1e1e00}.contact-modal-content,.modal-content{box-sizing:border-box;color:#fff;padding:30px;position:relative;width:900px}.contact-modal-content{background:#1e1e1ecc}.contact-modal-content .close,.modal-content .close{align-items:center;background:transparent;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s,color .2s;width:30px}.contact-modal-content .close:hover,.modal-content .close:hover{background:#fff;color:#000}.contact-container{display:flex;gap:40px}.contact-info{border-right:1px solid hsla(0,0%,100%,.1);flex:1;padding-right:20px}.contact-info h2{font-size:32px;font-weight:700;margin-bottom:10px}.divider{background:#ff6f3c;height:3px;margin-bottom:20px;width:60px}.info-item{align-items:center;display:flex;gap:10px;margin-bottom:25px}.info-item i{color:#ff6f3c;font-size:20px}.info-item h4{font-size:14px;font-weight:700;margin:0}.info-item p{color:#ddd;font-size:14px;margin:2px 0 0}.contact-form{flex:2}.contact-form h3{font-size:22px;margin-bottom:20px}.form-row{display:flex;gap:20px}.form-group{display:flex;flex:1;flex-direction:column;margin-bottom:20px}.form-group label{font-size:14px;font-weight:700;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:transparent;border:none;border-bottom:1px solid #ccc;color:#fff;font-size:14px;padding:10px}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#999}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.phone-input{display:flex;gap:10px}.phone-input select{border:none;border-bottom:1px solid #ccc;padding:10px}.phone-input select,.submit-btn{background:transparent;color:#fff}.submit-btn{border:2px solid #ff6f3c;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.submit-btn:hover{background:#ff6f3c;color:#000}.signup-options{gap:20px;margin-top:20px}.signup-option,.signup-options{align-items:center;display:flex;justify-content:center}.signup-option{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;color:#fff;font-size:25px;font-weight:700;height:250px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .24s ease,filter .24s ease;width:300.325px}.signup-option:after{background:#0006;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.signup-option>*{position:relative;z-index:1}.signup-option:hover{filter:brightness(1.08);transform:scale(1.05)}.signup-option:first-child{background-image:url(https://www.connectapp.no/images/extra/event%20_organization.jpg)}.signup-option:nth-child(2){background-image:url(https://www.connectapp.no/images/extra/students_organization.jpg)}.signup-option:nth-child(3){background-image:url(https://www.connectapp.no/images/extra/advertiser.jpg)}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:26px}.mobile-menu{background:#000c;display:flex;height:auto;justify-content:flex-start;padding:10px 0}.mobile-menu-content{animation:slideDown .3s ease;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin:10px;padding:20px;position:relative;width:90%}.mobile-link{color:#000;font-size:18px;font-weight:500;padding-bottom:6px;position:relative;text-decoration:none}.mobile-link.router-link-exact-active:after{background:linear-gradient(90deg,#f15c5d,#f15f4a 30%,#f1603f 54%,#f3723c 72%,#f89736);border-radius:3px;bottom:0;content:"";height:2px;left:0;position:absolute;width:10%}.mobile-link:hover{color:#f15c5d}.close-mobile{background:transparent;border:none;color:#000;cursor:pointer;font-size:28px;position:absolute;right:16px;top:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{align-items:center;height:50px;padding:6px 14px}.nav-links{display:none}.hamburger{display:block}.nav-right{align-items:center;gap:8px}.signin-link,.signup-btn{align-items:center;display:inline-flex;font-size:13px;gap:4px;justify-content:center;padding:6px 8px;white-space:nowrap}.contact-modal-content,.modal-content{max-width:400px;padding:20px;width:90%}.signup-options{flex-direction:column;gap:16px}.signup-option{height:180px;width:100%}.signup-option a{font-size:18px;padding:14px}.contact-container{flex-direction:column}.contact-info{border-bottom:1px solid hsla(0,0%,100%,.1);border-right:none;padding-bottom:20px}}@media(max-width:480px){.logo img{max-height:32px}}