:root{--bg-dark: #07090d;--text-primary: #ffffff;--text-secondary: #c4c6ca;--brand-blue: #00befa;--brand-grey: #a1a3a6;--font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden}.hero-section{--bg-dark: #070709;--bg-card: #111114;--text-light: #ffffff;--text-gray: #a1a1aa;--accent-cyan: #22d3ee;background-color:var(--bg-dark);color:var(--text-light);font-family:Inter,sans-serif;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem 5%;max-width:1400px;margin:0 auto;min-height:75vh;padding-top:20vh}.hero-text-side{display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--accent-cyan);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.main-title{font-size:clamp(3.5rem,5vw,5.5rem);font-weight:700;line-height:1.05;margin:0 0 1.5rem;letter-spacing:-.02em}.main-description{font-size:1.25rem;color:var(--text-gray);line-height:1.6;max-width:90%;margin:0}.hero-image-side{display:flex;justify-content:flex-end;position:relative}.image-frame{width:80%;max-width:500px;aspect-ratio:4 / 5;border-radius:12px;background-color:var(--bg-card);box-shadow:-20px 20px #22d3ee0d;overflow:hidden}.portrait-img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(110%)}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:3rem;padding-top:5rem;padding-bottom:5rem;padding-top:20vh}.hero-text-side{align-items:center}.main-description{margin:0 auto}.hero-image-side{justify-content:center}.image-frame{width:100%;max-width:450px;box-shadow:none}}@media (max-width: 768px){.main-title{font-size:3rem}}.about{position:relative;width:100%;padding:100px 5%;background-color:var(--bg-dark);border-top:1px solid rgba(161,163,166,.1);overflow:hidden}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.about-visual{position:relative;display:flex;justify-content:center}.visual-frame{position:relative;width:100%;max-width:500px;border-radius:20px}.frame-glow{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle,rgba(0,190,250,.1) 0%,transparent 60%);z-index:1}.about-img{width:100%;height:auto;border-radius:20px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0009;filter:grayscale(15%) contrast(1.1);position:sticky;top:0}.tech-dots{position:absolute;bottom:-30px;right:-30px;width:150px;height:150px;background-image:radial-gradient(var(--brand-grey) 2px,transparent 2px);background-size:15px 15px;opacity:.3;z-index:1}.about-subtitle{display:inline-block;color:var(--brand-grey);font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.about-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:30px;color:var(--text-primary)}.text-highlight{color:var(--brand-blue)}.about-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.about-features{list-style:none;margin-top:40px;display:flex;flex-direction:column;gap:25px}.about-features li{display:flex;align-items:flex-start;gap:15px}.feature-icon{display:flex;align-items:center;justify-content:center;min-width:35px;height:35px;background-color:#00befa1a;color:var(--brand-blue);border-radius:50%;font-weight:700;font-size:1.2rem;border:1px solid rgba(0,190,250,.3)}.about-features strong{display:block;font-size:1.1rem;color:var(--text-primary);margin-bottom:5px}.about-features p{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.animate-slide-right{animation:slideRight 1s ease-out forwards}.animate-slide-left{animation:slideLeft 1s ease-out forwards}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.about-container{grid-template-columns:1fr;gap:60px;padding-top:50px}.about-visual{order:2}.about-content{order:1;text-align:center}.about-features{text-align:left;max-width:600px;margin:40px auto 0}}@media (max-width: 576px){.about{padding:60px 5%}.about-title{font-size:2rem}.tech-dots{display:none}}.parallax-section{position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.parallax-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#07090de6,#00befa33,#07090de6);z-index:1}.parallax-content{position:relative;z-index:2;text-align:center;padding:0 20px}.parallax-slogan{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:var(--text-primary);line-height:1.3;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.slogan-highlight{color:var(--brand-blue);text-shadow:0 0 15px rgba(0,190,250,.4)}.parallax-line{height:3px;background-color:var(--brand-blue);margin:0 auto;box-shadow:0 0 10px #00befa80}.animate-slogan{animation:trackingIn 1.2s cubic-bezier(.215,.61,.355,1) both}.animate-line{animation:expandLine 1s ease-out .8s both}@keyframes trackingIn{0%{letter-spacing:-.5em;opacity:0;transform:translateY(-20px)}40%{opacity:.6}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{0%{width:0;opacity:0}to{width:150px;opacity:1}}@media (max-width: 768px){.parallax-section{min-height:50vh}.parallax-slogan{font-size:1.8rem;letter-spacing:1px}}.contact-section{background-color:#070709;padding:4rem 5%;color:#fff;font-family:Inter,sans-serif;border-top:1px solid rgba(255,255,255,.08)}.contact-container{max-width:1200px;margin:0 auto;background-color:#111114;border-radius:16px;padding:3rem;border:1px solid rgba(255,255,255,.05)}.contact-header{margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.contact-title{font-size:1.1rem;letter-spacing:.1em;color:#a1a1aa;font-weight:600;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}.contact-block p{margin:0 0 .5rem;color:#a1a1aa;font-size:.95rem;line-height:1.5}.person-name{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#fff}.person-role{color:#22d3ee!important;font-weight:500}.contact-link{color:#22d3ee;text-decoration:none;font-weight:500;transition:color .3s ease,text-decoration .3s ease}.contact-link:hover{text-decoration:underline;color:#fff}.contact-footer-note{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center}.contact-footer-note p{margin:0;font-size:.85rem;color:#71717a}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-container{padding:2rem}.contact-block,.contact-footer-note{text-align:center}}.portfolio-section{background-color:#070709;padding:6rem 5%;color:#fff;font-family:Inter,sans-serif}.portfolio-wrapper{max-width:1200px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:4rem;max-width:850px;margin-left:auto;margin-right:auto}.portfolio-title{font-size:2rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.5rem;color:#fff}.portfolio-intro{font-size:1.05rem;color:#a1a1aa;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.portfolio-card{background-color:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #22d3ee0d;border-color:#22d3ee40}.card-title{font-size:1.3rem;font-weight:700;color:#22d3ee;margin-top:0;margin-bottom:2rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.card-content{display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}.card-item{display:flex;flex-direction:column;gap:.4rem}.item-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#888}.item-text{font-size:.95rem;color:#a1a1aa;line-height:1.6}.result-item{margin-top:auto;padding-top:1.5rem;border-top:1px dashed rgba(255,255,255,.15)}.text-cyan{color:#22d3ee!important}.text-white{color:#fff!important;font-weight:500}@media (max-width: 900px){.portfolio-grid{grid-template-columns:1fr;gap:2rem}.portfolio-card{padding:2rem}}.foundation-section{background-color:#0a0a0c;padding:6rem 5%;color:#fff;font-family:Inter,sans-serif;border-top:1px solid rgba(255,255,255,.05)}.foundation-container{max-width:900px;margin:0 auto}.foundation-title{font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 2rem;color:#22d3ee}.foundation-description{font-size:1.1rem;color:#a1a1aa;line-height:1.8;margin:0 0 2rem;text-align:justify}.foundation-goal{background-color:#22d3ee0d;border-left:4px solid #22d3ee;padding:2rem;border-radius:0 12px 12px 0}.foundation-goal p{margin:0;font-size:1.15rem;color:#fff;font-style:italic;font-weight:500;line-height:1.6}@media (max-width: 768px){.foundation-title{font-size:1.8rem}.foundation-description{text-align:left}}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:#000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.nav-logo-img{width:60px;margin-right:16px}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1300px;padding:0 5%}.navbar-logo{font-size:1.2rem;font-weight:800;text-decoration:none;line-height:1rem}.logo-grey{color:var(--brand-grey);margin-right:8px}.logo-blue{color:var(--brand-blue);text-shadow:0 0 8px rgba(0,190,250,.3);margin-right:8px}.navbar-menu{display:flex;list-style:none;align-items:center;gap:30px}.nav-link{color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--brand-blue)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background-color:var(--brand-blue);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-btn{background-color:transparent;color:var(--text-primary);border:1px solid var(--brand-blue);padding:10px 20px;border-radius:4px;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease}.nav-btn:hover{background-color:var(--brand-blue);color:#000;box-shadow:0 0 15px #00befa66}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:101}.bar{height:3px;width:100%;background-color:var(--text-primary);border-radius:3px;transition:all .3s ease}.navbar-logo{display:flex;align-items:center;justify-content:center}@media (max-width: 992px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:80px;left:-100%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);background-color:#07090dfa;transition:all .4s ease;gap:40px}.navbar-menu.active{left:0}.nav-link{font-size:1.5rem}.nav-btn{font-size:1.2rem;padding:12px 30px}.bar.open:nth-child(1){transform:translateY(9px) rotate(45deg);background-color:var(--brand-blue)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg);background-color:var(--brand-blue)}}@media screen and (min-width: 993px){.navbar-container{padding-left:0;padding-right:0}}