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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tech-item,.tech-pill,.tech-tag{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;margin:.2rem;padding:.3rem .7rem;transition:all .2s ease}.tech-item.tech-tag-frontend,.tech-pill.tech-tag-frontend,.tech-tag-frontend{background:#2979ff33;border:1px solid #2979ff66;color:#70a9ff}.tech-item.tech-tag-backend,.tech-pill.tech-tag-backend,.tech-tag-backend{background:#8e24aa33;border:1px solid #8e24aa66;color:#c490d1}.tech-item.tech-tag-database,.tech-pill.tech-tag-database,.tech-tag-database{background:#43a04733;border:1px solid #43a04766;color:#7dbd80}.tech-item.tech-tag-data,.tech-pill.tech-tag-data,.tech-tag-data{background:#ff8f0033;border:1px solid #ff8f0066;color:#ffb74d}.tech-item.tech-tag-security,.tech-pill.tech-tag-security,.tech-tag-security{background:#d32f2f33;border:1px solid #d32f2f66;color:#ef5350}.tech-item.tech-tag-service,.tech-pill.tech-tag-service,.tech-tag-service{background:#0288d133;border:1px solid #3b525e66;color:#4fc3f7}.tech-item:hover,.tech-pill:hover,.tech-tag:hover{filter:brightness(1.2);transform:translateY(-2px)}body{background:#0a0a0f;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:3.5rem 0 0}.container{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 1rem;position:relative;width:100%;z-index:1}.header{margin-bottom:1rem;padding:2rem 0;text-align:center;width:100%}.app-subtitle{color:#555;font-size:1.1rem;font-weight:400;margin-top:.5rem}nav{margin:1rem 0;width:100%}nav,nav ul{display:flex;justify-content:center}nav ul{align-items:stretch;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}nav ul li{display:flex;margin:0}.nav-links{flex-wrap:wrap}.nav-link,.nav-links{justify-content:center}.nav-link{align-items:center;background:#0000;border:2px solid #ff5722;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-weight:500;height:100%;max-width:70px;min-height:48px;padding:.05rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#000;box-shadow:0 4px 8px #00000026;color:#ff5722;transform:translateY(-2px)}nav a:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.projects-title{color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin:2rem 0 1.5rem;text-align:center;text-shadow:0 0 10px #fff3;width:100%}.search-container{margin:0 auto 1.5rem;max-width:600px;padding:0}.search-container,.search-input{box-sizing:border-box;width:100%}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19191eb3;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.search-input:focus{border-color:#ff5722;box-shadow:0 0 15px #ff57224d;outline:none}.search-input::placeholder{color:#ffffff80}.projects-grid{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,30%,400px),1fr));margin:2rem auto;max-width:1200px;padding:0 1rem}.card-container,.projects-grid{justify-content:center;width:100%}.card-container{display:flex;height:100%}.no-results{background:#19191e80;border:1px solid #3c3c46cc;border-radius:8px;box-sizing:border-box;grid-column:1/-1;margin:0 auto;max-width:600px;padding:3rem 1rem;text-align:center;width:100%}.no-results p{color:#e0e0e0;font-size:1.1rem;margin-bottom:1rem}.clear-search{background:#ff572233;border:1px solid #ff5722;border-radius:4px;color:#ff5722;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.clear-search:hover{background:#ff5722;color:#fff}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.project-card:hover{background:#ffffff14;border-color:#ff572280;box-shadow:0 12px 40px #ff57224d;transform:translateY(-8px)}.project-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:2}.project-type.live{background:#2ecc71e6;box-shadow:0 0 15px #2ecc7166;color:#fff}.project-type.demo{background:#3498dbe6;box-shadow:0 0 15px #3498db66;color:#fff}.project-type.archived{background:#e74c3ce6;box-shadow:0 0 15px #e74c3c66;color:#fff}.year-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff5622a1;border-radius:20px;box-shadow:0 0 15px #ff57224d;color:#fff;font-size:.85rem;font-weight:600;left:15px;margin-bottom:2.5rem;padding:6px 16px;position:absolute;top:15px;z-index:2}.card-info{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;padding:1.5rem 1.5rem 1rem;text-align:left;width:100%}.card-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-top:1.6rem;word-break:break-word}.card-description{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:1.2rem;word-break:break-word}.card-detail{color:#aaa;font-size:.95rem;margin-bottom:.8rem;word-break:break-word}.card-detail:last-child{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1rem}.detail-label{color:#ff5722;font-weight:600;margin-right:.5rem}.card-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0;width:100%}.card-link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.footer{background-color:#222;color:#eee;margin-top:3rem;padding:1.5rem 0;text-align:center;width:100%}.round-image{height:200px;width:200px}.banner-container{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 2px);overflow:hidden;position:relative;width:100%}.banner-image{border-radius:25px;display:block;filter:blur(8px) opacity(.5);position:relative;width:100%}.banner-content{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:0 20%;position:absolute;right:0;top:0}.profile-photo{margin-right:5%;max-width:180px;min-width:60px;position:relative;width:16vw}.round-image2{border:.3vw solid #fff;border-radius:50%;box-shadow:0 0 1vw #0000004d;height:auto;object-fit:cover;width:100%}.linkedin-logo{bottom:0;height:auto;position:absolute;right:0;width:25%;z-index:3}.linkedinlogo{height:auto;width:100%}.banner-title{font-family:Source Code Pro,monospace;font-size:4vw;white-space:nowrap}.bracket{color:#ff5722}.bracket,.name{display:inline-block}.name{-webkit-text-size-adjust:80%;-moz-text-size-adjust:80%;text-size-adjust:80%;margin:0 .3vw}.error-message,.loading-message{margin:0 auto;max-width:600px;width:100%}@media (min-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1199px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(clamp(220px,80%,350px),1fr));padding:0 1rem}.banner-content{padding:0 5%}.banner-title{font-size:5vw}.profile-photo{width:18vw}body{padding-top:3rem}.container{padding-top:.5rem}}@media (max-width:480px){.search-input{font-size:.9rem;padding:.7rem .9rem}.card-info{padding:1.2rem 1rem}.card-title{font-size:1.3rem}.card-description{font-size:.9rem}.banner-title{font-size:6vw}.profile-photo{width:20vw}.projects-title{font-size:1.8rem;margin:1.5rem 0 1rem}.projects-grid{gap:1.5rem;grid-template-columns:minmax(250px,1fr)}body{padding-top:2.8rem}}@media (max-width:360px){.container{padding:0 .5rem}.card-info{padding:1rem .8rem}.card-title{font-size:1.2rem;margin-top:1.2rem}.project-type,.year-pill{font-size:.75rem;padding:4px 10px}}.home-container{box-sizing:border-box;color:#fff;justify-content:center;min-height:100vh;padding:2rem;position:relative;text-align:center;z-index:1}.home-container,.tree-layout{align-items:center;display:flex;flex-direction:column;width:100%}.tree-layout{max-width:calc(100% - 4px)}.main-card-container{align-items:center;display:flex;flex-direction:column;max-width:calc(100% - 2px);width:100%}.social-hat{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.social-link{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121214cc;border:1px solid #28282dcc;box-shadow:0 4px 15px #0000004d;color:#fff;display:block;flex:1 1;font-weight:500;margin-bottom:auto;min-width:80px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#ff5722;box-shadow:0 6px 20px #ff572266;color:#fff}.name-card-with-ears{align-items:stretch;display:flex;margin:auto;max-width:calc(100% - 2px);width:100%}.left-ear,.right-ear{width:clamp(30px,5vw,50px)}.name-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121214cc;border:1px solid #ff5722;box-shadow:0 8px 32px #0000004d;flex:1 1;padding:2.5rem 3rem}.name{color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 20px #ffffff4d}.title{color:#ff5722;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;margin-top:0}.ear{background:#121214cc;border:1px solid #ff5722;border-bottom:none;box-shadow:0 4px 15px #0000004d;width:clamp(30px,5vw,50px);z-index:8}.ear,.ear-link{align-items:center;display:flex;justify-content:center}.ear-link{color:#fff;height:100%;text-decoration:none;transition:all .3s ease;width:100%}.ear-link:hover{background:#ff5722;color:#fff}.vertical-text{font-size:clamp(.7rem,1.5vw,1rem);font-weight:500;letter-spacing:1px;padding:.5rem;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-lr}.hat{border:1px solid #ff5722;z-index:20}.right-ear .vertical-text{transform:none}.active-link{background:#ff5722;box-shadow:0 6px 20px #ff572266;color:#fff}.content-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121214cc;border:1px solid #ff5722;box-shadow:0 8px 32px #0000004d;margin-top:-2px;max-width:calc(100% - 2px);min-height:300px;padding:2rem}.belly-technologies,.content-area{box-sizing:border-box;width:100%;z-index:10}.belly-technologies{border:#ff5722;margin:2rem 0;padding:1.5rem;text-align:center}.tech-heading{border-bottom:2px solid #ff5722;color:#fff;display:inline-block;font-size:clamp(1.2rem,3vw,1.75rem);left:50%;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.belly-content{box-sizing:border-box;color:#e0e0e0;padding:0;position:relative;width:100%}.error-message,.loading-message{font-size:1.1rem;padding:3rem 1rem;text-align:center}.error-message{color:#ff5722}.belly-content .project-title{color:#fff;font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:.5rem;text-shadow:0 0 10px #fff3}.belly-content .project-subtitle{color:#ff5722;font-size:clamp(.9rem,2vw,1.2rem);margin-bottom:2rem}.belly-content .project-section{margin-bottom:2.5rem}@media (max-width:480px){.home-container{border:none;padding:.5rem;width:100%}.content-area,.name-container{padding:1.5rem 1rem}.ear-link,.hat-link,.social-link{font-size:.9rem;padding:.6rem 1rem}.hat-link,.social-link{min-width:60px}.hat,.social-hat{gap:.5rem;width:calc(100% - 2px)}.belly-content .project-hero{margin-top:3.5rem}}@media (max-width:360px){.home-container{padding:.25rem}.content-area,.name-container{padding:1rem .5rem}.ear-link,.hat-link,.social-link{font-size:.85rem;min-width:50px;padding:.5rem .8rem}.name{font-size:clamp(1.5rem,5vw,2.5rem)}.title{font-size:clamp(1rem,3vw,1.2rem)}.belly-content .project-hero{margin-top:3rem}}.bio-container{box-sizing:border-box;margin:0 auto;padding:5rem 2rem 2rem;position:relative;width:100%;z-index:1}.back-button:hover{background:#ff5722;box-shadow:0 4px 12px #ff57224d;color:#fff}.bio-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff5722;border-radius:12px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:50px;padding:40px 20px;text-align:center;width:100%}@media (min-width:768px){.bio-header{flex-direction:row;padding:40px;text-align:left}}.profile-image-container{flex-shrink:0;margin-bottom:20px}@media (min-width:768px){.profile-image-container{margin-bottom:0;margin-right:40px}}.round-image{border:4px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #ff572233;height:clamp(120px,20vw,180px);object-fit:cover;width:clamp(120px,20vw,180px)}.bio-header-content{flex:1 1;width:100%}.bio-name{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:8px;text-shadow:0 0 20px #ffffff4d}.bio-title{color:#ff5722;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;margin-bottom:20px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}@media (min-width:768px){.skill-tags{justify-content:flex-start}}.skill-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500;padding:6px 16px;transition:all .2s ease}.skill-tag:hover{box-shadow:0 4px 12px #ff57224d;transform:translateY(-2px)}.skill-tag-blue{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.skill-tag-green{background:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71}.skill-tag-purple{background:#9b59b633;border:1px solid #9b59b64d;color:#9b59b6}.bio-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff5722;border-radius:12px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;margin-bottom:50px;padding:30px;width:100%}.section-title{border-bottom:3px solid #ff5722;color:#fff;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;margin-bottom:25px;padding-bottom:10px;text-shadow:0 0 10px #fff3}.bio-paragraph{color:#e0e0e0;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7;margin-bottom:16px}.bio-paragraph:last-child{margin-bottom:0}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;width:100%}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.skills-grid{gap:15px;grid-template-columns:1fr}}.skills-column{word-wrap:break-word;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;overflow-wrap:break-word;padding:15px;width:100%}@media (max-width:360px){.skills-column{padding:10px}}.skills-category{color:#ff5722;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;margin-bottom:12px;text-align:center}.skills-list{list-style:none;margin:0;padding:0;width:100%}.skills-list li{word-wrap:break-word;color:#e0e0e0;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.4;margin-bottom:8px;overflow-wrap:break-word;padding-left:20px;position:relative}@media (max-width:360px){.skills-list li{padding-left:15px}}.skills-list li:before{color:#ff5722;content:"→";font-weight:700;left:0;position:absolute}.education-item,.experience-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;margin-bottom:30px;padding:20px;transition:all .2s ease;width:100%}.education-item:hover,.experience-item:hover{background:#ffffff0f;border-color:#ff57224d;transform:translateX(5px)}.education-item:last-child,.experience-item:last-child{margin-bottom:0}.education-header,.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;width:100%}.education-degree,.experience-title{color:#fff;font-size:clamp(1.1rem,1.8vw,1.2rem);font-weight:600;margin:0}.education-period,.experience-period{color:#ff5722;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;white-space:nowrap}.education-description,.experience-description{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.6;margin:0}.contact-container{flex-wrap:wrap;gap:20px;width:100%}.contact-container,.contact-link{display:flex;justify-content:center}.contact-link{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-weight:500;gap:10px;max-width:300px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:#ff5722;border-color:#ff5722;box-shadow:0 6px 20px #ff572266;color:#fff;transform:translateY(-2px)}.contact-link-icon{height:20px;width:20px}@media (max-width:600px){.bio-container{padding:3rem 1rem 1rem}.bio-section{padding:20px}.contact-link{justify-content:center;max-width:300px;width:100%}.bio-header{margin-top:1rem}}@media (max-width:480px){.bio-container{padding:3rem .5rem .5rem;width:100%}.bio-header,.bio-section{border-radius:8px;padding:12px}.bio-paragraph,.education-description,.experience-description,.skills-list li{font-size:.9rem}.section-title{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:15px;padding-bottom:8px}.education-item,.experience-item{margin-bottom:15px;padding:12px}}@media (max-width:360px){.bio-container{padding:3rem .25rem .25rem}.bio-header,.bio-section{margin-bottom:15px;padding:10px}.bio-name{font-size:clamp(1.5rem,4vw,2rem)}.bio-title{font-size:clamp(.9rem,2vw,1.1rem)}.skill-tag{font-size:.8rem;padding:4px 10px}.education-header,.experience-header{align-items:flex-start;flex-direction:column}.education-period,.experience-period{margin-top:2px}}.global-back-button{background:#121214cc;border:1px solid #ff5722;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:.9rem;left:1rem;padding:.5rem 1rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1000}.global-back-button:hover{background:#ff5722;box-shadow:0 4px 12px #ff57224d;color:#fff}@media (max-width:768px){.global-back-button{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.global-back-button{font-size:.8rem;left:.5rem;padding:.4rem .7rem;top:.5rem}}@media (max-width:360px){.global-back-button{font-size:.75rem;padding:.35rem .6rem}}.timeline-container{color:#fff;margin:0 auto;max-width:800px;padding:2rem}.timeline-title{margin-bottom:2rem;text-align:center}.timeline{margin-left:1rem;position:relative}.timeline:before{background:#ff5722;bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.timeline-item{border:1px solid #fff3;border-radius:4px;margin-bottom:1.5rem;padding:1rem 1rem 1rem 2rem;position:relative;transition:background-color .2s ease}.timeline-item:hover{background-color:#ffffff0d}.timeline-point{background:#ff5722;border-radius:50%;height:12px;left:-6px;position:absolute;top:.25rem;width:12px}.timeline-year{color:#ff5722;font-weight:700;margin-right:.5rem}.timeline-content{color:inherit;cursor:pointer;display:block;text-decoration:none}.project-container{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 2px);padding:0 1rem;width:100%}.project-hero.dark{background:#111827;border:1px solid #374151;box-sizing:border-box;width:100%}.project-title{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:10px;word-break:break-word}.project-subtitle{color:#aaa;font-size:clamp(1rem,2vw,1.2rem);font-style:italic;word-break:break-word}.project-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 15px #0003;box-sizing:border-box;margin-bottom:50px;overflow:hidden;padding:30px;position:relative;width:100%}.project-section:before{background:linear-gradient(180deg,#ff5722,#ff7043);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.project-section:first-of-type{background:#ffffff0d}.section-heading{border-bottom:2px solid #ff5722;color:#fff;font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:20px;padding-bottom:10px;position:relative;word-break:break-word}.section-heading:after{background-color:#ff5722;border-radius:2px;bottom:-7px;content:"";height:4px;left:0;position:absolute;width:40px}.project-text{color:#e0e0e0;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8;margin-bottom:20px;padding-left:20px;position:relative}.project-text:before{color:#ff5722;content:'"';font-size:3rem;font-weight:700;left:-10px;opacity:.2;position:absolute;top:-10px}.project-meta{grid-gap:20px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin-top:25px;padding:25px;place-items:center;position:relative;width:100%}.meta-item{background:#ffffff05;border-radius:8px;box-sizing:border-box;max-width:300px;padding:15px;position:relative;text-align:center;transition:all .3s ease;width:100%}.meta-item:hover{background:#ffffff0d;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.meta-label{color:#ff5722;display:block;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.meta-value{color:#fff;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;word-break:break-word}.project-section.overview-section{background:#ffffff0d;overflow:hidden;position:relative}.project-section.overview-section:after{background:radial-gradient(circle,#ff57220d 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}@media (max-width:768px){.project-section{padding:20px}.project-text{padding-left:10px}.project-text:before{display:none}.meta-item{padding:10px}}.tech-list{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;width:100%}.tech-item{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:500;padding:8px 16px;transition:all .3s ease}.tech-item:hover{background:#ff5722;border-color:#ff5722;color:#fff;transform:translateY(-2px)}.highlights-list{box-sizing:border-box;list-style:none;margin:0;padding:0;width:100%}.highlight-item{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin-bottom:15px;padding-left:30px;position:relative;word-break:break-word}.highlight-item:before{color:#ff5722;content:"→";font-size:1.2rem;font-weight:700;left:0;position:absolute}.challenges-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.challenge-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;padding:20px;position:relative;width:100%}.challenge-number{align-items:center;background:#ff5722;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;left:20px;position:absolute;top:-12px;width:28px}.challenge-card p{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin:0;word-break:break-word}.outcomes-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.outcome-item,.outcomes-list{box-sizing:border-box;width:100%}.outcome-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;padding:20px}.outcome-icon{color:#2ecc71;flex-shrink:0;font-size:1.5rem;margin-right:15px}.outcome-item p{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin:0;word-break:break-word}.project-cta{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-top:60px;padding:40px;text-align:center;width:100%}.project-cta p{color:#e0e0e0;font-size:clamp(1.1rem,1.5vw,1.2rem);font-weight:500;margin-bottom:20px}.cta-button{background:#ff5722;border-radius:6px;color:#fff;display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#e64a19;transform:translateY(-2px)}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:25px}.feature-card,.features-grid{box-sizing:border-box;width:100%}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{align-items:center;background:#ff5722;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-bottom:15px;width:40px}.feature-card h3{color:#fff;font-size:clamp(1rem,1.5vw,1.1rem);margin-bottom:10px;word-break:break-word}.feature-card p{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin:0;word-break:break-word}.role-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.role-block,.role-content{box-sizing:border-box;width:100%}.role-block{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:25px}.role-block h3{color:#ff5722;font-size:clamp(1.1rem,1.5vw,1.2rem);margin-bottom:15px;word-break:break-word}.role-block ul{list-style:none;margin:0;padding:0;width:100%}.role-block li{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin-bottom:10px;padding-left:25px;position:relative;word-break:break-word}.role-block li:before{color:#ff5722;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.team-grid{grid-gap:30px;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;margin:0 auto;max-width:calc(100% - 2px);place-items:center;width:100%}.team-member{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;color:#fff;max-width:320px;overflow:hidden;padding:30px 25px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.team-member:before{background-color:#0a66c2;border-radius:15px;color:#fff;content:"LinkedIn";font-size:.75rem;font-weight:600;opacity:.9;padding:5px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.team-member:hover{background:#ffffff14;box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.team-member h3{color:#fff;font-size:clamp(1.1rem,1.8vw,1.3rem);font-weight:600;margin-bottom:8px;word-break:break-word}.team-member p{color:#e0e0e0;font-size:clamp(.9rem,1.2vw,1rem);font-weight:400;margin:0;word-break:break-word}.team-member:hover{border-top:3px solid #0a66c2}.team-member:after{bottom:15px;color:#0a66c2;content:"→";font-size:1.5rem;opacity:0;position:absolute;right:15px;transform:translateX(-10px);transition:all .3s ease}.team-member:hover:after{opacity:1;transform:translateX(0)}@media (max-width:768px){.project-title{font-size:clamp(1.6rem,3vw,2rem)}.section-heading{font-size:clamp(1.3rem,2.5vw,1.5rem)}.challenges-grid,.features-grid,.outcomes-list,.project-meta,.role-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-cta{padding:30px 20px}.project-section{margin-bottom:30px;padding:20px 15px}.team-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-member{padding:25px 15px}}@media (max-width:480px){.project-container{padding:0 .5rem}.project-title{font-size:clamp(1.5rem,5vw,1.8rem)}.project-subtitle{font-size:clamp(.9rem,2vw,1.1rem)}.tech-item{font-size:.9rem;padding:6px 12px}.project-section{margin-bottom:25px;padding:15px 12px}.section-heading{font-size:clamp(1.2rem,4vw,1.4rem);margin-bottom:15px}.project-meta{gap:15px;grid-template-columns:1fr;padding:15px}.meta-item{max-width:100%;padding:10px 8px}.challenges-grid,.features-grid,.outcomes-list,.role-content,.team-grid{grid-template-columns:1fr}.challenge-card,.feature-card,.outcome-item,.role-block,.team-member{max-width:100%}}@media (max-width:360px){.project-container{padding:0 .25rem}.project-section{margin-bottom:20px;padding:12px 10px}.tech-item{font-size:.85rem;padding:4px 10px}.team-grid{gap:15px}.team-member{padding:20px 10px}.highlight-item,.role-block li{font-size:.9rem;padding-left:20px}.project-text{padding-left:5px}.cta-button{font-size:.9rem;max-width:200px;padding:10px 20px;width:calc(100% - 40px)}}
/*# sourceMappingURL=main.824ccec5.css.map*/