*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#1a1f2c;color:#f3f3f3;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease;padding:16px 0}.navbar.scrolled{background-color:#1a1f2c;box-shadow:0 4px 6px -1px #0000001a}.nav-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:32px;font-family:Playfair Display,serif;color:#bf9b30;text-decoration:none;font-weight:600}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:#f1f0fb;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#bf9b30}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:block;width:24px;height:2px;background-color:#f3f3f3;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:#f3f3f3;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.mobile-menu{display:none;padding:16px 0 8px}.mobile-nav-link{display:block;color:#f1f0fb;text-decoration:none;padding:8px 0;transition:color .3s ease}.mobile-nav-link:hover{color:#bf9b30}.bubble{pointer-events:none;position:fixed;width:400px;height:400px;background:radial-gradient(circle at center,#bf9b3026,#bf9b3000 70%);border-radius:50%;transition:all .3s ease-out;z-index:10;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.bubble-text{color:#bf9b30;text-align:center;font-size:18px;font-weight:600;opacity:0;transition:opacity .3s ease;text-shadow:0 0 10px rgba(191,155,48,.5);line-height:1.4;max-width:300px}.bubble.show-text{background:radial-gradient(circle at center,#bf9b304d,#bf9b301a 50%,#bf9b3000 70%)}.bubble.show-text .bubble-text{opacity:1}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.hero-title{font-size:clamp(32px,6vw,96px);font-weight:700;margin-bottom:24px;animation:fadeInUp .5s ease-out forwards;color:#1a1f2c}.accent-text{color:#bf9b30;cursor:pointer;transition:all .3s ease}.accent-text:hover{text-shadow:0 0 20px rgba(191,155,48,.8)}.hero-subtitle{font-size:clamp(20px,3vw,32px);margin-bottom:32px;animation:fadeInUp .5s ease-out .2s forwards;opacity:0;color:#f0f0f0e6}.cta-button{display:inline-block;background-color:#bf9b30;color:#fff;padding:12px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;animation:fadeInUp .5s ease-out .4s forwards;opacity:0}.cta-button:hover{background-color:#bf9b30e6;transform:translateY(-2px)}.cv-section{padding:80px 0;background-color:#0f1419}.cv-content{max-width:800px;margin:0 auto}.cv-display{background-color:#2a2f3c;border-radius:12px;padding:32px;border:1px solid rgba(191,155,48,.3);margin-bottom:32px}.cv-display.hidden{display:none}.cv-file-info{display:flex;align-items:center;gap:24px}.cv-file-icon{font-size:48px;color:#bf9b30}.cv-file-details{flex:1}.cv-file-name{font-size:24px;font-weight:600;color:#bf9b30;margin-bottom:8px}.cv-file-size{color:#f1f0fb;opacity:.8}.cv-actions{display:flex;gap:12px;flex-direction:column}.cv-action-btn{padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;text-align:center}.download-btn{background-color:#bf9b30;color:#fff}.download-btn:hover{background-color:#bf9b30e6;transform:translateY(-2px)}.delete-btn{background-color:transparent;color:#dc3545;border:1px solid #dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}.cv-upload{text-align:center}.cv-upload-area{background-color:#2a2f3c;border:2px dashed rgba(191,155,48,.3);border-radius:12px;padding:48px 32px;transition:all .3s ease;cursor:pointer}.cv-upload-area:hover{border-color:#bf9b30;background-color:#bf9b300d}.cv-upload-icon{font-size:64px;color:#bf9b30;margin-bottom:16px}.cv-upload-area h3{font-size:24px;color:#bf9b30;margin-bottom:12px}.cv-upload-area p{color:#f1f0fb;margin-bottom:24px;opacity:.8}.cv-file-input{display:none}.cv-upload-btn{background-color:#bf9b30;color:#fff;padding:12px 32px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-bottom:16px}.cv-upload-btn:hover{background-color:#bf9b30e6;transform:translateY(-2px)}.cv-file-info-text{display:block;color:#f1f0fb99;font-size:14px}.portfolio{padding:80px 0;background-color:#1a1f2c}.section-title{font-size:64px;font-family:Playfair Display,serif;color:#bf9b30;margin-bottom:48px;text-align:center}.semester-tabs{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.semester-tab-group{display:flex;align-items:center;gap:8px;background-color:#bf9b300d;padding:4px;border-radius:30px;border:1px solid rgba(191,155,48,.2);position:relative}.semester-tab{background-color:transparent;border:none;color:#f1f0fb;padding:12px 24px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.semester-tab:hover{background-color:#bf9b301a;color:#bf9b30}.semester-tab.active{background-color:#bf9b30;color:#fff}.add-project-btn{background-color:transparent;border:none;color:#bf9b30;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px}.add-project-btn:hover{background-color:#bf9b301a}.delete-semester-btn{background-color:transparent;border:none;color:#dc3545;padding:6px 10px;border-radius:15px;cursor:pointer;transition:all .3s ease;font-size:16px;opacity:.7}.delete-semester-btn:hover{background-color:#dc35451a;opacity:1}.add-semester-btn{background-color:#bf9b301a;border:2px solid #BF9B30;color:#bf9b30;padding:12px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:600}.add-semester-btn:hover{background-color:#bf9b30;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;transition:opacity .3s ease}.projects-grid.hidden{display:none}.project-card{background-color:#2a2f3c;border-radius:12px;padding:24px;transition:all .3s ease;border:1px solid rgba(191,155,48,.2);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#bf9b30}.delete-project-btn{position:absolute;top:12px;right:12px;background-color:#dc3545cc;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;z-index:10}.edit-project-btn{position:absolute;top:12px;right:50px;background-color:#bf9b30cc;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;z-index:10}.project-card:hover .delete-project-btn,.project-card:hover .edit-project-btn{opacity:1}.delete-project-btn:hover{background-color:#dc3545;transform:scale(1.1)}.edit-project-btn:hover{background-color:#bf9b30;transform:scale(1.1)}.project-title{font-size:24px;font-weight:600;color:#bf9b30;margin-bottom:12px}.project-description{color:#f1f0fb;margin-bottom:16px;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-tag{background-color:#bf9b301a;color:#bf9b30;padding:4px 12px;border-radius:20px;font-size:14px;border:1px solid rgba(191,155,48,.3)}.project-media{margin-top:16px}.project-photo{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:12px}.project-link,.project-video-link,.project-file-link{display:inline-block;background-color:#bf9b301a;color:#bf9b30;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:14px;border:1px solid rgba(191,155,48,.3);transition:all .3s ease;margin-right:8px;margin-bottom:8px}.project-link:hover,.project-video-link:hover,.project-file-link:hover{background-color:#bf9b30;color:#fff}.modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-content{background-color:#2a2f3c;border-radius:12px;padding:32px;width:90%;max-width:500px;position:relative;border:1px solid rgba(191,155,48,.3);max-height:90vh;overflow-y:auto}.close{position:absolute;right:16px;top:16px;font-size:28px;font-weight:700;color:#f1f0fb;cursor:pointer;transition:color .3s ease}.close:hover{color:#bf9b30}.modal-content h3{color:#bf9b30;margin-bottom:24px;font-size:24px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{display:block;color:#bf9b30;font-weight:500;margin-bottom:8px}.modal-content .form-group input,.modal-content .form-group textarea,.modal-content .form-group select{width:100%;padding:12px 16px;border:1px solid rgba(191,155,48,.3);border-radius:8px;background-color:#1a1f2c;color:#f3f3f3;font-family:inherit;transition:border-color .3s ease}.modal-content .form-group input:focus,.modal-content .form-group textarea:focus,.modal-content .form-group select:focus{outline:none;border-color:#bf9b30}.modal-content .form-group textarea{resize:vertical;min-height:80px}.modal-content .form-group input[type=file]{padding:8px 12px;background-color:#1a1f2c;border:2px dashed rgba(191,155,48,.3);color:#f3f3f3;cursor:pointer}.modal-content .form-group input[type=file]:hover{border-color:#bf9b30}.file-info{display:block;color:#f1f0fbb3;font-size:12px;margin-top:4px}.media-options{display:flex;gap:16px;flex-wrap:wrap}.media-option{display:flex;align-items:center;gap:8px;cursor:pointer}.media-option input[type=radio]{width:auto;margin:0}.media-option label{cursor:pointer;color:#f1f0fb;font-weight:400;margin:0}.media-input.hidden{display:none}.contact{padding:80px 0;background-color:#0f1419}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.contact-info h3{font-size:32px;color:#bf9b30;margin-bottom:16px}.contact-info p{color:#f1f0fb;margin-bottom:24px;font-size:18px}.contact-details{display:flex;flex-direction:column;gap:12px}.contact-item{color:#f1f0fb;font-size:16px}.contact-item strong{color:#bf9b30}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#bf9b30;font-weight:500}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid rgba(191,155,48,.3);border-radius:8px;background-color:#2a2f3c;color:#f3f3f3;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#bf9b30}.submit-button{background-color:#bf9b30;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.submit-button:hover{background-color:#bf9b30e6;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn,.mobile-menu.show{display:block}.contact-content{grid-template-columns:1fr;gap:32px}.section-title{font-size:48px}.projects-grid{grid-template-columns:1fr}.bubble{width:300px;height:300px}.bubble-text{font-size:16px;max-width:250px}.cv-file-info{flex-direction:column;text-align:center;gap:16px}.cv-actions{flex-direction:row;justify-content:center}}@media (max-width: 480px){.container{padding:0 16px}.hero{padding:120px 0 80px}.section-title{font-size:36px}.bubble{width:250px;height:250px}.bubble-text{font-size:14px;max-width:200px}.cv-upload-area{padding:32px 16px}}