@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:auto;margin:0;overflow:auto;padding:0}.app-container{background-color:#000;color:#fff;font-family:Arial,sans-serif;height:auto;overflow:visible;position:relative;text-align:center;word-spacing:2px}.background-text{color:#ffffff1a;font-size:10rem;font-weight:700;left:50%;margin-top:50px;padding-left:80vh;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-left:20px;padding:20px;position:relative;z-index:2}.logo-container{margin-bottom:20px}.logo{height:auto;width:150px}.video-container{height:auto;left:0;margin-left:150px;margin-top:5vh;overflow:hidden;position:absolute;top:50%;transform:translateY(-60%);width:auto;z-index:2}.video{border-radius:10px;box-shadow:0 4px 8px #00000080;display:block;height:auto;max-width:450px;pointer-events:none;width:100%}.description{color:#f0f0f0;font-size:1.2rem;line-height:1.8;margin-left:500px;margin-right:20px;max-width:50%;padding-bottom:200px;padding-left:20vh;padding-top:20vh;text-align:center}.login-button{background-color:#fff;border:none;border-radius:5px;bottom:100px;color:#000;cursor:pointer;font-size:1rem;margin-bottom:80px;margin-right:55vh;margin-top:0;padding:12px 24px;position:absolute;right:0}.login-button:hover{background-color:#0056b3;transform:scale(1.05)}.header-title{color:#fff;font-size:2rem;font-weight:700;left:10px;position:absolute;top:10px;z-index:10}@keyframes slideleft{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes circularMove{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes circularMoveDelayed{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(100vw)}}@keyframes circularMoveSubtitle{0%{transform:translateX(-100%)}50%{transform:translateX(100vw)}to{transform:translateX(100vw)}}@keyframes circularMoveSubtitleDelayed{0%{opacity:0;transform:translateX(-100%)}50%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(100vw)}}.animated-title{animation:circularMove 6s linear infinite;top:-140px}.animated-subtitle,.animated-title{-webkit-text-stroke:2px #fff;text-stroke:2px #fff;box-sizing:border-box;color:#fff;color:#0000;font-size:10rem;left:0;padding:10px 20px;position:absolute;text-align:left;width:100%;z-index:10}.animated-subtitle{animation:rightToLeftMove 6s linear infinite;top:440px}@keyframes rightToLeftMove{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.event-sphere-text{animation:rightToLeftMove 6s linear infinite;animation-delay:3s;top:500px}.event-sphere-text,.infinite-opportunities-text{-webkit-text-stroke:2px #fff;text-stroke:2px #fff;box-sizing:border-box;color:#fff;color:#0000;font-size:10rem;left:0;padding:10px 20px;position:absolute;text-align:left;width:100%;z-index:10}.infinite-opportunities-text{animation:circularMoveDelayed 6s linear infinite;animation-delay:3s;top:-195px}.login-options-modal{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;visibility:visible;width:100%;z-index:1000}.login-options-modal.hidden{opacity:0;visibility:hidden}.login-options{animation:slideDown .5s ease-out;background-color:#000;border-radius:10px;box-shadow:0 4px 8px #00000080;cursor:default;padding:30px;text-align:center;width:400px}.login-options button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1.2rem;margin:20px;padding:7px 15px;transition:transform .3s,background-color .3s}.login-options button:hover{background-color:#2575fc;border-radius:0;box-shadow:0 4px 10px #00000080;color:#fff;padding:10px 20px;transform:scale(1.1)}.login-options div{text-align:center}.login-option-image,.login-options div{transition:transform .3s,box-shadow .3s}.login-option-image{border-radius:10px;cursor:pointer;height:100px;width:100px}.login-option-image:hover{box-shadow:0 8px 15px #ffffff4d;transform:scale(1.1)}.login-options label{color:#f0f0f0;display:block;font-size:1.2rem;margin-bottom:10px}.login-options-row{align-items:center;display:flex;justify-content:space-around;margin-top:20px}.text{color:#cdc5c5}.dynamic-input-container{color:#f0f0f0;margin-top:20px;position:relative;text-align:left}.dynamic-input-container label{display:block;font-size:1rem;margin-bottom:5px}.dynamic-input-container input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:15px;padding:15px;width:100%}.dynamic-input-container button{background-color:#000;border:none;border-radius:5px;color:#0400ff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:20px auto;padding:12px 20px;text-align:center;transition:background-color .3s,transform .3s}.dynamic-input-container button:hover{background-color:#003d80;color:#fff;transform:scale(1.05)}.dynamic-input-container p{color:#2575fc;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:15px;text-align:center;text-decoration:underline;transition:color .3s ease-in-out}.dynamic-input-container p:hover{color:#003d80}.profile-name{color:#f0f0f0;font-size:1rem;margin-top:10px;text-align:center}.register-button{background-color:#000;border:2px solid #2575fc;border-radius:5px;color:#2575fc;cursor:pointer;display:block;font-size:rem;margin:25px auto;padding:100px 20px;position:relative;text-align:center;transition:background-color .3s,color .3s,transform .3s}.register-button:hover{background-color:#2575fc;color:#fff}.register-text-button{margin-left:5px}.dynamic-input-container span,.register-container{color:#f0f0f0;font-size:1rem}.register-container{align-items:center;display:flex;gap:50px;justify-content:center;margin-top:15px}.register-text-button{background-color:initial;border:none;bottom:10px;color:#2575fc;cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.register-text-button:hover{color:#003d80}.register-container span{color:#f0f0f0;font-size:1rem}.register-form-container{background:linear-gradient(130deg,#000,#a6a1ab);border-radius:15px;box-shadow:0 8px 16px #0000004d;color:#fff;margin:20px auto;max-width:350px;padding:20px;text-align:center}.register-form-title{font-size:1.8rem;font-weight:700;margin-bottom:10px}.register-form-subtitle{color:#e0e0e0;font-size:.9rem;margin-bottom:20px}.register-form{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:20px;width:100%}.form-group label{color:#fff}.form-group input{border:none;box-sizing:border-box;font-size:.9rem}.form-group input:focus{border:2px solid #435237}.submit-registration-button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px;transition:background-color .3s,transform .3s}.submit-registration-button:hover{background-color:#003d80}.dynamic-input-container .dynamic-submit-button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:20px auto;padding:12px 20px;text-align:center;transition:background-color .3s,transform .3s}.dynamic-input-container .dynamic-submit-button:hover{background-color:#003d80;color:#fff;transform:scale(1.05)}.error-message{word-wrap:break-word;color:#ff4d4d;font-size:.9rem;margin-top:5px}.registration-success-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.registration-success-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000080;padding:30px;text-align:center}.success-icon{animation:tickAnimation 1s ease-in-out;height:100px;margin:0 auto 20px;width:100px}.success-text{color:#28a745;font-size:1.5rem;font-weight:700}@keyframes tickAnimation{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.success-screen{color:#000;flex-direction:column;font-family:Arial,sans-serif;height:100vh;text-align:center}.success-header,.success-screen{background-color:#fff;display:flex}.success-header{align-items:center;box-shadow:0 4px 8px #0000001a;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:1000}.main-heading{color:#000;font-size:1.8rem;font-weight:700;margin:0}.user-profile{border-radius:5px;padding:10px;transition:background-color .3s ease,box-shadow .3s ease}.user-profile:hover{background-color:#2575fc1a;box-shadow:0 4px 8px #0003}.user-profile img{border:2px solid #2575fc;transition:transform .3s ease,border-color .3s ease}.user-profile img:hover{border-color:#0056b3;transform:scale(1.1)}.user-profile span{transition:color .3s ease}.user-profile span:hover{color:#2575fc}.dropdown-menu{display:block;margin:0;padding:50px 0;z-index:10}.dropdown-menu li{padding:10px 20px}.dropdown-button{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:10px 0;text-align:left;width:100%}.dropdown-button:hover{color:#2575fc}.user-profile img{border-radius:50%;height:40px;margin-right:10px;width:40px}.user-profile span{color:#000;font-size:1rem;font-weight:700}.dropdown-menu{box-shadow:0 4px 8px #0000001a;left:0;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:1002}.dropdown-menu li{transition:background-color .3s ease,transform .3s ease}.dropdown-menu li:hover{transform:scale(1.05)}.navigation-menu{align-items:center;display:flex;flex-grow:1;gap:20px;justify-content:center}.navigation-menu ul{display:flex;list-style:none;margin:0;padding:0}.navigation-menu li{color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:0 15px;position:relative;transition:color .3s ease,transform .3s ease}.navigation-menu li:hover{color:#2575fc;transform:scale(1.1)}.navigation-menu li:active{color:#0056b3;transform:scale(1)}.navigation-menu li:hover>.dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.user-profile .dropdown-menu{right:0}.user-profile .dropdown-menu.show,.user-profile:hover .dropdown-menu{display:grid;opacity:1;pointer-events:auto;transform:translateY(0)}.grid-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;left:5%;max-width:40%;overflow:visible;padding:0 250px 0 20px;position:relative;top:40%}.grid-container:before{background-color:#00000080;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.grid-item{align-items:center;animation:fadeIn .5s ease-in-out forwards;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;margin-top:80px;opacity:0;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;z-index:2}.grid-image,.grid-item{border-radius:10px;max-width:100%}.grid-image{height:100%;max-height:100%;object-fit:cover;width:100%}.grid-item:first-child,.grid-item:nth-child(4){aspect-ratio:3/4}.grid-item:nth-child(2),.grid-item:nth-child(3){aspect-ratio:4/3}.grid-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.know-more-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.know-more-button:hover{background-color:#0056b3;transform:scale(1.05)}.text-container{background:#000c;border-radius:15px;box-shadow:0 4px 8px #0000004d;color:#f0f0f0;font-family:Raleway,serif;line-height:2;max-width:50%;padding:25px;position:absolute;right:0;text-align:center;top:15%;transform:translateX(0)}.text-container h2{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.text-container p{font-size:1.2rem;margin-bottom:15px}.text-container ul{list-style:none;margin-left:0;padding:0}.text-container ul li{margin-bottom:10px}.grid-image-top-left{border-radius:10px;grid-area:1/1;height:100%;object-fit:cover;padding:0;width:100%}.grid-image-top-right{grid-area:1/2;height:80%;margin-top:-20px;object-fit:fill;padding-bottom:0}.grid-image-bottom-left,.grid-image-top-right{border-radius:10px;position:relative;width:100%}.grid-image-bottom-left{grid-area:2/1;height:100%;margin-top:-100px;object-fit:cover;padding-top:0;z-index:1}.grid-image-bottom-right{grid-area:2/2;margin-top:25px;object-fit:fill;width:100%}.grid-item:nth-child(4){grid-area:2/2;margin-top:-195px}.grid-item:nth-child(3){border-radius:10px;grid-area:2/1;height:100%;margin-bottom:-100px;margin-top:0;object-fit:fill;position:relative;width:100%;z-index:1}.profile-page{animation:fadeIn .5s ease-in-out;min-height:100vh;padding:20px}.profile-card{max-width:600px}.profile-title{font-size:2rem;text-shadow:2px 2px 4px #0000004d}.avatar-image{border:4px solid #2575fc;box-shadow:0 4px 8px #0003;height:120px;width:120px}.profile-details p{color:#555}.profile-details strong{color:#2575fc}.editable-input{box-shadow:inset 0 2px 4px #0000001a;margin-bottom:15px;padding:10px;width:100%}.fill-details-button,.save-details-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s,transform .3s}.fill-details-button:hover,.save-details-button:hover{background-color:#0056b3;transform:scale(1.05)}.back-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s,transform .3s}.back-button:hover{transform:scale(1.05)}.profile-page{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;height:100vh;justify-content:center}.profile-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000004d;color:#333;max-width:400px;padding:30px;text-align:center;width:100%}.profile-title{color:#2575fc;font-size:1.8rem;font-weight:700}.profile-avatar,.profile-title{margin-bottom:20px}.avatar-image{border:3px solid #2575fc;border-radius:50%;height:100px;width:100px}.profile-details{margin-top:20px;text-align:left}.profile-details p{font-size:1rem;margin-bottom:10px}.profile-input{margin-bottom:15px}.back-button,.edit-button,.save-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s,transform .3s}.back-button:hover,.edit-button:hover,.save-button:hover{background-color:#0056b3;transform:scale(1.05)}.back-button{background-color:#f44336}.back-button:hover{background-color:#d32f2f}.fill-profile-button{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s,transform .3s}.fill-profile-button:hover{background-color:#e68900;transform:scale(1.05)}.form-group label{color:#f0f0f0}.form-group input{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.form-group input:focus{border:2px solid #2575fc;outline:none}select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:1rem;padding:10px;position:relative;width:100%;z-index:2}select:focus{border:2px solid #2575fc;outline:none}option{background-color:#fff;color:#333;font-size:1rem}.dropdown-menu-1{line-spacing:2rem;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;display:none;display:flex;flex-direction:column;gap:90px;gap:15px;left:0;list-style:none;margin:0;opacity:0;padding:15px;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:10}.navigation-menu li:focus-within>.dropdown-menu-1,.navigation-menu li:hover>.dropdown-menu-1{display:block;opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{animation:fadeIn .5s ease-in-out forwards;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#f70000;cursor:pointer;margin-bottom:5px;opacity:0;padding:30px 50px;text-align:center;transition:background-color .3s ease,transform .3s ease}.dropdown-item:hover{background-color:#f0f0f0;transform:scale(1.05)}.dropdown-item:first-child{animation-delay:.2s}.dropdown-item:nth-child(2){animation-delay:.4s}.dropdown-item:nth-child(3){animation-delay:.6s}.dropdown-item:nth-child(4){animation-delay:.8s}.dropdown-item:nth-child(5){animation-delay:1s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dynamic-input-container button,.submit-registration-button{max-width:300px;text-align:center;width:100%}.card-section-container{margin-top:50px}.card-section-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px}.card{color:#fff}.card-description{font-size:1.2rem;font-weight:700;margin:10px 0}.card p{font-size:.9rem;margin:10px 15px}.styled-button{background-color:#2575fc;margin-bottom:15px}.card-section-container{margin-top:70px;padding:20px;text-align:center}.card-section-description{color:#f0f0f0;font-size:1.2rem;margin-bottom:20px}.card-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 8px #0003;color:#333;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.card-image{height:150px;object-fit:cover;width:100%}.card-description{color:#555;font-size:1rem;padding:15px}.styled-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s,transform .2s}.styled-button:hover{background-color:#0056b3;transform:scale(1.05)}.styled-button:active{transform:scale(.95)}.editable-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-right:10px;padding:8px}.achievements-page{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#333;font-family:Raleway,sans-serif;min-height:100vh;padding:0}.achievements-header{align-items:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:0}.achievements-title{color:#6a11cb;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.achievements-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.achievements-nav li{color:#333;cursor:pointer;font-size:1rem;font-weight:700;transition:color .3s ease}.achievements-nav li.active,.achievements-nav li:hover{color:#6a11cb}.achievements-content{padding:20px;text-align:center}.achievements-section-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px #00000080}.achievements-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.achievement-card{border-radius:15px}.achievement-image{background-position:50%;background-size:cover}.achievement-details h3{color:#6a11cb}.achievement-details p{color:#555}.add-achievement-button{background-color:#fff;border:2px solid #6a11cb;border-radius:5px;color:#6a11cb;cursor:pointer;font-size:1rem;margin:20px 0;padding:10px 20px;transition:background-color .3s,color .3s}.add-achievement-button:hover{background-color:#6a11cb;color:#fff}.all-achievements-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.achievement-card{background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.achievement-image{background-color:#d9d9d9;height:150px}.achievement-details{background-color:#f6f1f1;color:#000;padding:15px}.achievement-details h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.achievement-details p{font-size:.9rem;line-height:1.5}.add-achievement-page{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#333;font-family:Raleway,sans-serif;min-height:100vh;padding:0;text-align:center}.add-achievement-header{align-items:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:0}.add-achievement-title{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.add-achievement-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.add-achievement-nav li{color:#fff;cursor:pointer;font-size:1rem;font-weight:700;transition:color .3s ease}.add-achievement-nav li:hover{color:gold}.add-achievement-content{background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0003;margin-top:20px;padding:20px}.add-achievement-section-title{color:#2575fc;font-size:2rem;font-weight:700;margin-bottom:20px}.add-achievement-description{color:#555;font-size:1rem;line-height:1.8;margin-bottom:20px}.add-achievement-form{align-items:center;display:flex;flex-direction:column;gap:20px}.form-group{max-width:500px;text-align:left;width:100%}.form-group label{color:#333;font-size:1rem;font-weight:700}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group textarea{height:100px;resize:none}.add-achievement-submit-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s,transform .3s}.add-achievement-submit-button:hover{background-color:#0056b3;transform:scale(1.05)}.user-profile-page{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;padding:20px}.user-profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-profile-title{font-size:1.5rem;font-weight:700}.save-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.save-button:hover{background-color:#0056b3}.user-profile-content{display:flex;gap:20px}.user-profile-avatar-section{flex:1 1;text-align:center}.avatar-preview{background-color:#ddd;border-radius:50%;height:150px;margin:0 auto 10px;overflow:hidden;width:150px}.avatar-image{height:20%;object-fit:cover;width:20%}.avatar-placeholder{align-items:center;color:#666;display:flex;font-size:1rem;height:100%;justify-content:center}.avatar-upload-instructions{color:#666;font-size:.9rem}.avatar-upload-input{margin-top:10px}.user-profile-form{flex:2 1}.form-section-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.9rem;margin-bottom:5px}.profile-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.user-profile{align-items:center;cursor:pointer;display:flex;position:relative}.user-profile-image{border:2px solid #2575fc;border-radius:50%;height:40px;margin-right:10px;width:40px}.dropdown-toggle{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;margin-left:5px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;display:none;list-style:none;padding:10px 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu li{color:#333;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease}.dropdown-menu li:hover{background-color:#f0f0f0}.user-profile:hover .dropdown-menu{display:block}.event-hub-page{background-color:#000;color:#fff;font-family:Raleway,sans-serif;min-height:100vh;padding:20px;text-align:center}.event-hub-header{margin-bottom:20px}.event-hub-title{color:gold;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px #00000080}.event-hub-nav ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:10px 0;padding:0}.event-hub-nav li{color:#fff;cursor:pointer;font-size:1rem;font-weight:700;transition:color .3s ease}.event-hub-nav li:hover{color:gold}.event-hub-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.event-hub-categories button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease,transform .3s ease}.event-hub-categories button:hover{background-color:#0056b3;transform:scale(1.05)}.trending-title{color:gold;font-size:2rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.trending-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.trending-card{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.trending-card:hover{box-shadow:0 8px 16px #00000080;transform:scale(1.05)}.trending-image{background-color:#333;height:150px}.trending-card h3{color:gold;font-size:1.2rem;font-weight:700;margin:10px 0}.trending-card p{color:#ccc;font-size:.9rem;margin:10px 15px}.trending-card button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:10px 0;padding:10px 15px;transition:background-color .3s ease,transform .3s ease}.trending-card button:hover{background-color:#0056b3;transform:scale(1.05)}.card{height:300px;perspective:1000px;position:relative;width:250px}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{padding:200px 300px}.card-front img{border-radius:10px;height:100%;object-fit:fill;width:100%}.card-back{padding:50px 90px}.achievement-card{height:300px;perspective:1000px;position:relative;width:250px}.achievement-card:hover .card-inner{transform:rotateY(180deg)}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card-back,.card-front{backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #0003;height:100%;overflow:hidden;position:absolute;text-align:center;width:100%}.card-front{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.card-front .achievement-image{border-radius:10px 10px 0 0;height:150px;object-fit:cover;width:100%}.card-back{align-items:center;background-color:initial;color:#000;display:flex;font-size:1rem;justify-content:center;line-height:1.5;padding:20px;text-align:center;transform:rotateY(180deg)}.calendar-page{align-items:center;flex-direction:column}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1200px;width:100%}.calendar-header h1{color:#333;font-size:2rem;font-weight:700}.calendar-header .navigation-buttons{display:flex;gap:10px}.navigation-buttons button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.navigation-buttons button:hover{background-color:#0056b3;transform:scale(1.05)}.calendar-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;padding:20px;text-align:center;width:100%}.calendar-container table{border-collapse:collapse;width:100%}.calendar-container td,.calendar-container th{border:1px solid #ddd;padding:10px;text-align:center}.calendar-container th{background-color:#f1f1f1;font-weight:700}.calendar-container td{background-color:#fff;transition:background-color .3s ease}.calendar-container td:hover{background-color:#f9f9f9}.calendar-container .today{background-color:#ffeb3b;font-weight:700}.calendar-container .event{background-color:#007bff;border-radius:5px;color:#fff;font-size:.9rem;padding:5px}.calendar-sidebar{margin-left:20px}.calendar-sidebar h2{color:#333;font-weight:700}.calendar-widget{margin-bottom:30px}.legend h3{color:#333;font-weight:700}.legend ul{margin:0}.calendar-events{display:flex;flex:2 1;flex-direction:column;gap:20px}.calendar-events h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:20px}.event-card{background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.02)}.event-card img{height:100%;object-fit:cover;width:150px}.event-card-content{flex:1 1;padding:20px}.event-card-content h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:10px}.event-card-content p{color:#666;font-size:1rem;margin-bottom:10px}.event-card-content .event-details{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px}.event-card-content .event-details span{align-items:center;display:flex;gap:5px}.event-card-content .view-details-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.event-card-content .view-details-button:hover{background-color:#0056b3;transform:scale(1.05)}@media (max-width:768px){.calendar-page{flex-direction:column;top:50px}.calendar-container{margin-bottom:20px;margin-left:0;max-width:100%}.calendar-sidebar{flex:1 1}.calendar-header{align-items:flex-start;flex-direction:column;gap:10px}.calendar-container{padding:10px}.calendar-container td,.calendar-container th{padding:5px}}.login-page{background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;font-family:Raleway,sans-serif;height:100vh}.login-left{background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px}.login-title{color:#4a4a4a;font-size:2.5rem;font-weight:700;margin-bottom:20px}.login-title .highlight{color:#6a11cb}.login-subtitle{color:#666;font-size:1.2rem;line-height:1.8}.login-right{align-items:center;background-color:#f3f3f3;display:flex;flex:1 1;justify-content:center}.login-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;width:350px}.login-tabs{display:flex;justify-content:space-between;margin-bottom:20px}.login-tab{border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:10px;text-align:center;transition:background-color .3s ease,color .3s ease}.login-tab:hover{background-color:#4a4a4a;color:#fff}.login-tab.active{background-color:#6a11cb;border-bottom:2px solid #fff;color:#fff}.login-form label{color:#4a4a4a;display:block;font-size:1rem;margin-bottom:5px}.login-form input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.login-submit-button{background-color:#6a11cb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease;width:100%}.login-submit-button:hover{background-color:#4a0e9e}.signup-text{color:#666;font-size:.9rem;margin-top:10px;text-align:center}.signup-link{color:#6a11cb;cursor:pointer;font-weight:700;text-decoration:underline}.signup-link:hover{color:#4a0e9e}.add-event-button,.clear-events-button{border-radius:5px;font-size:1rem;margin:10px;padding:10px 20px}.add-event-button{background-color:#4caf50}.clear-events-button{background-color:#f44336}.add-event-button:hover{background-color:#45a049}.clear-events-button:hover{background-color:#e53935}.calendar-page{text-align:center}.calendar-title{font-size:2rem;font-weight:700;margin-bottom:20px}.calendar-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.add-event-button,.clear-events-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.add-event-button{background-color:#28a745;color:#fff}.clear-events-button{background-color:#dc3545;color:#fff}.add-event-button:hover{background-color:#218838;transform:scale(1.05)}.clear-events-button:hover{background-color:#c82333;transform:scale(1.05)}.add-event-button:active,.clear-events-button:active{transform:scale(.95)}@media (max-width:768px){.calendar-actions{flex-direction:column;gap:15px}.add-event-button,.clear-events-button{margin:0 auto;width:80%}}.calendar-placeholder{border:1px dashed #ccc;color:#666;font-size:1.2rem;padding:50px;text-align:center}.calendar-page{background-color:#f9f9f9;color:#333;display:flex;font-family:Raleway,sans-serif;gap:20px;min-height:100vh;padding:20px}.calendar-sidebar{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:0.3 1;padding:20px}.calendar-sidebar h2{font-size:1.5rem;margin-bottom:20px}.calendar-widget{margin-bottom:20px;text-align:center}.calendar-navigation button{background:none;border:none;cursor:pointer;font-size:1.2rem;margin:0 5px}.calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-top:10px}.calendar-day{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:10px}.calendar-day.selected{background-color:#007bff;color:#fff;font-weight:700}.legend{margin-top:20px}.legend h3{font-size:1.2rem;margin-bottom:10px}.legend ul{list-style:none;padding:0}.legend li{align-items:center;display:flex;margin-bottom:10px}.legend li span{border-radius:50%;display:inline-block;height:15px;margin-right:10px;width:15px}.legend li.tech span{background-color:#007bff}.legend li.cultural span{background-color:#6f42c1}.legend li.career span{background-color:#fd7e14}.event-list{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:0.7 1;padding:20px}.event-list h2{font-size:1.5rem;margin-bottom:20px}.event-card{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:15px}.event-tag{border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:10px;padding:5px 10px}.event-tag.tech{background-color:#007bff}.event-tag.cultural{background-color:#6f42c1}.event-tag.career{background-color:#fd7e14}.event-details{color:#666;font-size:.9rem}.view-details-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:10px 15px;transition:background-color .3s ease}.view-details-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.5c24636d.css.map*/