@import "https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap";
:root{--background:#fff;--foreground:#171717;--primary-bg:#efeeea;--bg-color:#f5e6d0;--primary-text:black;--secondary-text:#555;--cta-bg:#00adb5;--projects-bg:#f8f9fa;--footer-bg:#222}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Blinker,sans-serif}a{text-decoration:none}a:visited{color:#393e46}a:hover{text-transform:uppercase;text-decoration:underline}header{z-index:1000;background:0 0;width:100%;padding:10px 20px;position:fixed;top:0;left:0}.nav-container{background-color:#fff;border-bottom:1px solid #ececec;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:.8rem 2rem;display:flex;box-shadow:0 2px 16px rgba(0,0,0,.04)}.nav-brand{flex:1;justify-content:flex-start;display:flex}.nav-brand a{letter-spacing:1px;color:#393e46;font-family:Blinker,sans-serif;font-size:2.2rem;font-weight:900}.nav-menu{flex:2;justify-content:center;align-items:center;gap:8rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#393e46;letter-spacing:.1rem;white-space:nowrap;font-size:1.1rem;font-weight:600;transition:color .3s}.nav-link:hover{color:#00adb5}.nav-link.active{color:#00adb5;background:rgba(0,173,181,.08);border-radius:6px;padding:.2em .7em;font-weight:700;text-decoration:underline}.nav-actions{flex:1;justify-content:flex-end;align-items:center;display:flex}.cta-button{color:#fff;white-space:nowrap;background-color:#00adb5;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.cta-button:hover{color:#fff;text-transform:none;background-color:#008a92;transform:translateY(-2px)}.hamburger{cursor:pointer;flex-direction:column;gap:4px;display:none}.hamburger span{background-color:#393e46;width:25px;height:3px;transition:all .3s}#hero{background-image:url(/hero2.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}#hero:before{content:"";z-index:1;background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;color:#fff;z-index:2;flex-direction:column;justify-content:center;align-items:center;max-width:800px;padding:2rem;display:flex;position:relative}.hero-content h1{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7);letter-spacing:.05em;white-space:nowrap;margin-bottom:.5rem;font-size:max(3rem,min(7vw,5.5rem));font-weight:700;line-height:1.1}.hero-content h1 .highlight{color:#00adb5;text-shadow:0 2px 10px rgba(0,0,0,.5);font-weight:900}.hero-content h2{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:max(1rem,min(3.5vw,2rem));font-weight:700}.hero-content p{color:#e2e8f0;text-shadow:1px 1px 4px rgba(0,0,0,.8);max-width:600px;margin:1rem auto;font-size:max(1rem,min(2vw,1.3rem));font-weight:500;line-height:1.6}section{justify-content:center;align-items:center;width:100%;min-height:45vh;padding:80px 20px;display:flex}#about{background-color:#fff}.about-page{color:#222;width:100%;max-width:1100px;margin:0 auto;line-height:1.7}.about-intro{text-align:center;margin-bottom:3rem}.about-intro h1{margin-bottom:.5rem;font-size:2.7rem;font-weight:800}.about-intro .highlight{color:#00adb5}.about-intro p{color:#555;margin-top:.5rem;font-size:1.25rem}.about-details{gap:2.5rem;display:grid}.about-section{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:12px;padding:2rem}.about-section h2{color:#00adb5;border-left:4px solid #00adb5;margin-bottom:1rem;padding-left:10px;font-size:1.6rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.2rem;display:grid}.skill-category h3{color:#00adb5;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.skill-category ul{margin:0;padding:0;list-style:none}.skill-category li:before{content:"▸ ";color:#00adb5;font-weight:700}#projects{background-color:var(--projects-bg);text-align:center}.projects-container{width:100%;max-width:1100px;margin:0 auto}.projects-list,.project-list{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;display:grid}.project-card{background:#fcfcfd;border:1px solid #ececec;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .25s,box-shadow .25s;display:flex}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.project-card img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;margin-bottom:1rem}.project-description{color:#444;text-align:left;flex:1;margin-bottom:1.5rem;font-size:.97rem}.project-links{justify-content:center;gap:.5rem;margin-top:auto;display:flex}.project-link-btn{color:#fff;background:#00adb5;border-radius:6px;padding:.4em 1em;font-weight:500;transition:background .2s,transform .1s}.project-link-btn:hover{color:#fff;background:#008a92;transform:translateY(-1px)}#contact{background-color:#fff}.contact-page{background:#fff;border:1px solid #eaeaea;border-radius:16px;width:100%;max-width:580px;margin:0 auto;padding:2.5rem 2rem;box-shadow:0 4px 20px rgba(0,0,0,.06)}.contact-page h1{text-align:center;color:#222;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.contact-form label{color:#333;margin-bottom:.2rem;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#00adb5;box-shadow:0 0 0 3px rgba(0,173,181,.15)}.contact-form button{color:#fff;cursor:pointer;background:#00adb5;border:none;border-radius:8px;width:100%;padding:.9rem;font-size:1.05rem;font-weight:600;transition:background .2s,transform .1s}.contact-form button:hover{background:#008a92;transform:translateY(-1px)}footer{color:#fff;background-color:var(--footer-bg);text-align:center;flex-direction:column;align-items:center;padding:40px;display:flex}@media (max-width:768px){.hamburger{display:flex}.nav-brand{flex:initial}.nav-actions{flex:initial;align-items:center;gap:12px;display:flex}.nav-menu{background-color:#fff;flex-direction:column;width:100%;padding:2rem 0;transition:all .3s;position:fixed;top:75px;left:-100%}.nav-menu.open{left:0}.projects-list,.project-list{grid-template-columns:1fr}.about-page{padding:20px 10px}.cta-button{white-space:nowrap;padding:6px 12px;font-size:.85rem;line-height:1}}@media (max-width:380px){.cta-button{padding:5px 8px;font-size:.75rem}.nav-actions{gap:8px}}@media (max-width:480px){.contact-page{padding:1.5rem 1rem}}