*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color_1);text-decoration:inherit}a:hover{color:var(--color_0)}h1{font-size:3.2em;line-height:1.1}.portfolio{min-height:100vh;background:linear-gradient(to bottom right,#000,#18181b,#000);color:var(--color_offwhite)}.cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav{position:fixed;top:0;width:100%;z-index:50;transition:all .3s ease}.nav-scrolled{background:#0e0e0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(var(--color_rgb),.1)}.nav-container{margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:clamp(1rem,5vw,2.5rem);font-weight:700;background:linear-gradient(to right,var(--color_1),var(--color_2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;padding:5px}.nav-menu{display:none;gap:2rem}.nav-link{background:none;border:none;color:var(--color_offwhite);cursor:pointer;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:var(--color_1)}.menu-toggle{background:none;border:none;color:var(--color_offwhite);cursor:pointer;display:block}.mobile-menu{background:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu-items{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.mobile-nav-link{background:none;border:none;color:var(--color_offwhite);cursor:pointer;font-size:1rem;text-align:left;transition:color .3s ease}.mobile-nav-link:hover{color:var(--color_1)}@media(min-width:768px){.nav-menu{display:flex}.menu-toggle{display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 1.5rem}.hero-content{max-width:56rem;text-align:center}.hero-icon{margin-bottom:1.5rem;animation:bounce 2s infinite;display:inline-block;color:var(--color_1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(to right,var(--color_2),var(--color_1),var(--color_0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1.25rem;color:var(--color_offvar(--color_offwhite));margin-bottom:2rem}@media(min-width:768px){.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:transform .3s ease;font-size:1rem;border:none}.btn:hover{transform:scale(1.05)}.btn-primary{background:linear-gradient(to right,var(--color_1),var(--color_2));color:#000}.btn-secondary{border:2px solid var(--color_1);background:transparent;color:var(--color_offwhite);transition:all .3s ease}.btn-secondary:hover{background:rgba(var(--color_rgb),.1)}.social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem}.social-link{color:var(--color_offwhite);transition:color .3s ease}.social-link:hover{color:var(--color_1)}.about-section{padding:5rem 1.5rem}.section-container{margin:0 auto}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.section-header.center{justify-content:center}.section-icon{color:var(--color_1)}.section-title{font-size:2.25rem;font-weight:700}.about-grid{display:grid;gap:3rem}@media(min-width:768px){.about-grid{grid-template-columns:repeat(2,1fr)}}.about-paragraph{font-size:1.125rem;color:var(--color_offvar(--color_offwhite));margin-bottom:1.5rem}.skills-container{display:flex;flex-direction:column}.skill-group{margin-bottom:1.5rem}.skill-category{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color_1)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:rgba(var(--color_rgb2),.5);border-radius:9999px;font-size:.875rem;border:1px solid rgba(var(--color_rgb),.3)}.experience-section{padding:5rem 1.5rem}.experience-timeline{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.experience-card{background:rgba(var(--color_rgb2),.5);border-radius:.75rem;padding:2rem;border:1px solid rgba(var(--color_rgb),.2);transition:all .3s ease}.experience-card:hover{border-color:rgba(var(--color_rgb),.5);transform:translate(.5rem)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.experience-title{font-size:1.5rem;font-weight:600;color:var(--color_1);margin-bottom:.25rem}.experience-company{font-size:1.125rem;color:var(--color_offwhite);font-weight:500}.experience-period{font-size:.875rem;color:var(--color_gray);background:rgba(var(--color_rgb),.2);padding:.25rem .75rem;border-radius:9999px;white-space:nowrap}.experience-description{color:var(--color_gray);margin-bottom:1rem;line-height:1.6}.experience-highlights{list-style:none;display:flex;flex-direction:column;gap:.5rem}.experience-highlight{color:var(--color_offwhite);padding-left:1.5rem;position:relative;line-height:1.6}.experience-highlight:before{content:"▹";position:absolute;left:0;color:var(--color_1);font-size:1.25rem}.projects-section{padding:5rem 1.5rem;background:#18181b80}.projects-grid{display:grid;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:rgba(var(--color_rgb2),.5);border-radius:.75rem;overflow:hidden;border:1px solid rgba(var(--color_rgb),.2);transition:all .3s ease}.project-card:hover{border-color:rgba(var(--color_rgb),.5);transform:scale(1.05)}.project-image{width:100%;height:12rem;object-fit:cover}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-year{color:var(--color_gray);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.project-description{color:var(--color_gray);margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{font-size:.75rem;padding:.25rem .75rem;background:rgba(var(--color_rgb),.3);border-radius:9999px}.project-link{display:flex;align-items:center;gap:.5rem;color:var(--color_1);background:none;border:none;cursor:pointer;font-size:1rem;transition:color .3s ease}.project-link:hover{color:var(--color_0)}.contact-section{padding:5rem 1.5rem}.contact-container{max-width:56rem;margin:0 auto;text-align:center}.contact-subtitle{font-size:1.25rem;color:var(--color_offvar(--color_offwhite));margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.contact-form{flex-direction:row}}.contact-input{padding:.75rem 1.5rem;background:#27272a;border-radius:9999px;border:1px solid rgba(var(--color_rgb),.3);color:var(--color_offwhite);outline:none;font-size:1rem;transition:border-color .3s ease;flex:1}.contact-input:focus{border-color:var(--color_1)}.contact-input::placeholder{color:var(--color_gray)}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.contact-textarea{min-height:100px;resize:vertical;border-radius:1rem;font-family:inherit;padding:.75rem 1.5rem}.contact-status{margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;background:rgba(var(--color_rgb),.2);color:var(--color_1);text-align:center;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.footer{padding:2rem 1.5rem;border-top:1px solid rgba(var(--color_rgb),.2)}.footer-content{margin:0 auto;text-align:center;color:var(--color_gray)}*{--color_0: #90E0EF;--color_1: #00B4D8;--color_2: #0077B6;--color_rgb: 3, 4, 94;--color_rgb2: 39, 39, 42;--color_offwhite: #d1d5db;--color_gray: #9ca3af}