.hero{position:relative;width:100%;height:150vh}.hero:before{content:"";background:#0003;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero h2{font-size:3rem;color:#fff;padding-bottom:30px}.hero p{font-size:1.5rem;color:#fff}@media (max-width: 768px){.hero{position:relative;width:100%;height:50vh}.hero:before{content:"";background:#0003;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero h2{font-size:2rem}.hero p{font-size:1.2rem}}@media (max-width: 932px){@media (orientation: landscape){.hero{position:relative;width:100%;height:200vh}.hero:before{content:"";background:#0003;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero h2{font-size:2rem}.hero p{font-size:1.2rem}}@media (orientation: portrait){.hero{position:relative;width:100%;height:50vh}.hero:before{content:"";background:#0003;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero h2{font-size:2rem}.hero p{font-size:1.2rem}}}nav a{font-size:1.25rem;padding:.75rem .6rem;display:block;transition:all .3s ease;border-radius:.5rem;text-decoration:none;color:#fff}nav a:hover{background-color:#1d4ed81a;color:gray;transform:scale(1.05)}nav a i{transition:transform .3s ease,color .3s ease}nav a:hover i{transform:scale(1.03);color:#149ddd}aside{width:300px;background-color:#111827;position:fixed;top:0;left:0;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;font-family:Poppins,sans-serif;color:#fff}@media (max-width: 932px){aside{display:none}}.highlight{font-size:24px;font-weight:700}.social-links a{font-size:16px;background-color:#ffffff1a;color:#fff;margin:0 5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.social-links a:hover{background-color:#149ddd}.hero .typed{border-bottom:2px solid #149ddd}.main-container{margin-left:300px}@media screen and (max-width: 932px){.main-container{margin-left:0}aside{width:100%;height:auto;position:relative}}#about h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}#about h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}#skills h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}#skills h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}#portfolio h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}#portfolio h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}#services h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}#services h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}#contact_me h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}#contact_me h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}.highlight-title{font-size:38px;font-weight:700;color:#149ddd;letter-spacing:1px;text-transform:uppercase}.intro-text{font-size:18px;color:#555;line-height:1.6;text-align:center;max-width:800px;margin:0 auto 20px}.profile-container{background-color:#f3f4f6;border-radius:12px;padding:40px;box-shadow:0 8px 24px #0000001a}.profile-img-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.profile-img{border-radius:50%;border:8px solid #149ddd;max-width:280px;transition:transform .3s ease}.profile-img:hover{transform:scale(1.05)}.position-title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px}.description-text{font-size:16px;color:#777;margin-bottom:30px;line-height:1.6}.info-section{padding-top:20px}.info-list li{display:flex;align-items:center;font-size:16px;color:#333;margin-bottom:15px;transition:all .3s ease}.info-list li a:hover{color:#0056b3}.status-available{font-weight:700;color:#28a745}@media (max-width: 768px){.position-title{font-size:22px}.info-list li{font-size:14px}}section,.section{padding:60px 20px;overflow:clip;background-color:#fff}:root{scroll-behavior:smooth}.info-section{background-color:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.info-list li{display:flex;align-items:center;margin-bottom:15px;font-size:16px}.info-list li i{font-size:24px;margin-right:10px;color:#149ddd}.info-list li strong{min-width:100px;font-weight:600}.info-list li a{color:#149ddd;text-decoration:none;transition:color .3s ease}.info-list li a:hover{color:#007bff}.status-available{font-weight:700;color:green}@media (max-width: 768px){.info-list li{font-size:14px}}.section-title{padding-bottom:0}.profile-img:hover{transform:scale(1.03);border-color:#1d4ed8}.progress-bar-container{margin-bottom:20px}.skill-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;display:block}.progress{background-color:#e0e0e0;border-radius:30px;height:20px;position:relative;overflow:hidden}.progress-bar{background-color:#3498db;height:100%;border-radius:30px;position:relative;display:flex;align-items:center;justify-content:flex-end;transition:width 1s ease}.progress-bar:before{content:"";height:100%;width:10px;background-color:#ffffff4d;position:absolute;top:0;right:10px;border-radius:30px;animation:shine 2s infinite}@keyframes shine{0%{right:-10px}to{right:100%}}.progress-value{font-size:14px;font-weight:700;color:#fff;padding-right:15px}.light-background{background-color:#f4fafd}.container.resume{padding:1rem 2rem}.resume-item{padding:1rem 0 1rem 1.5rem;margin-top:20px;border-left:2px solid #149ddd;position:relative}.resume-item:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:-8px;top:-3px;background-color:#149ddd;border:2px solid white;z-index:10;box-shadow:0 0 5px #0000001a}.resume .resume-item h4{line-height:1.5;font-size:18px;font-weight:600;text-transform:uppercase;color:color-mix(in srgb,#272829,transparent 20%);margin-bottom:10px;margin-left:-5px;margin-top:-25px}*,:after,:before{box-sizing:border-box}#resume h2{font-size:32px;font-weight:700;margin-bottom:15px;padding-bottom:10px;position:relative}#resume h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;left:0;bottom:0}.iframe-wrapper{position:relative;width:100%;max-width:1000px;margin:0 auto;height:612px;border-radius:8px;overflow:hidden}.clickable-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:transparent}.dashboard-container{max-width:1200px;margin:50px auto;background-color:#f5f7fa;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.dashboard-header{text-align:center;padding:10px;background-color:#0f7993;color:#fff;border-radius:12px 12px 0 0}.dashboard-header h1{margin:0;font-size:2.2rem;font-family:Poppins,sans-serif;font-weight:700}.dashboard-content{padding:20px;text-align:center}.iframe-wrapper iframe{width:100%;height:100%;box-shadow:0 6px 15px #0003;border:2px solid #0033A0;border-radius:8px}.iframe-wrapper iframe:hover{transform:scale(1.02);transition:transform .3s ease-in-out}.iframe-wrapper-portrait{height:650px;border:2px solid #0033A0;position:relative;width:100%;max-width:100%;box-shadow:0 4px 10px #0000001a;border-radius:8px;overflow:hidden}.portrait-iframe{width:100%;height:100%;border:none}@media (max-width: 768px){h1{font-size:1rem;text-align:center;padding:0 10px;line-height:1.1}.dashboard-header{text-align:center;padding:10px;background-color:#5090a5;color:#fff;border-radius:12px 12px 0 0}.dashboard-header h1{margin:0;font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:700}.dashboard-content{padding:20px;text-align:center}.iframe-wrapper,.iframe-wrapper-portrait{width:100%;height:auto;max-width:100%;margin:0 auto}.iframe-wrapper iframe,.iframe-wrapper-portrait iframe{width:100%;height:auto;max-height:500px}.dashboard-container{padding:10px}#portfolio h2{font-size:24px}}.pdmtop20{padding-top:20px}.services-block-three{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d5d5d5;border-radius:4px;text-align:center;background:#fff;padding:25px;position:relative;margin-bottom:30px;height:270px;box-shadow:0 2px 15px #7998a0;z-index:1}.services-block-three h3{margin-bottom:10px}.services-block-three p{max-width:90%;text-align:center}.services-block-three:after,.services-block-three:before{content:"";position:absolute;background:#0f7993;transition:width .4s ease,height .4s ease}.services-block-three:after{top:-2px;left:-2px;width:5%;height:17%;border-top:2px solid #0f7993;border-left:2px solid #0f7993}.services-block-three:before{bottom:-2px;right:-2px;width:0;height:0;border-bottom:2px solid transparent;border-right:2px solid transparent}.services-block-three:hover:before{width:5%;height:17%;border-bottom:2px solid #0f7993;border-right:2px solid #0f7993}.services-block-three+.services-block-three{margin-top:-2px}.btn-primary{transition:all .3s ease}.btn-primary:hover{cursor:pointer;transform:scale(1.1);box-shadow:0 4px 10px #0003}.disclaimer{background-color:#f8d7da;padding:12px;border-radius:5px;text-align:center;font-size:1rem;color:#721c24;font-weight:700;margin:15px auto;max-width:90%;border:1px solid #f5c6cb;line-height:1.5}@media screen and (max-width: 768px){.disclaimer{font-size:.9rem;padding:10px;max-width:95%}}@font-face{font-family:YourFont;src:url(/fonts/YourFont.woff2) format("woff2");font-display:swap}