@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#fce7ec;color:#3e3e3e;margin:0;padding:0;line-height:1.6;scroll-behavior:smooth}.skip-link{position:absolute;top:-40px;left:0;background:#734060;color:#fff;padding:.5rem 1rem;text-decoration:none;z-index:1000}.skip-link:focus{top:0}section{margin-bottom:4rem}h1,h2,h3,h4{color:#734060;font-weight:700;margin-bottom:1rem;line-height:1.3}h2{font-size:1.75rem;border-bottom:2px solid rgba(115,64,96,.15);padding-bottom:.5rem;margin-top:2rem}h3{font-size:1.35rem;margin-top:1.5rem}p{font-size:1.05rem;margin-bottom:1.5rem;color:#3e3e3e}.banner-alert{background-color:#ffe5ec;color:#734060;padding:1rem;text-align:center;font-size:.95rem;font-weight:500;border-bottom:2px solid #d6a0b6;position:relative;transition:all .4s ease;max-height:100px;opacity:1}.banner-alert a{color:#734060;font-weight:700;text-decoration:underline}.banner-alert a:hover{color:#8a506f}.banner-alert.hide{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.banner-close{position:absolute;top:.5rem;right:1rem;background:0 0;border:none;font-size:1.3rem;color:#734060;cursor:pointer;line-height:1}.banner-close:hover{color:#8a506f}.banner-close:focus-visible{outline:2px solid rgb(115,64,96);outline-offset:2px;border-radius:4px}.site-header{background:linear-gradient(135deg,#734060 0,#522e45 100%);padding:3rem 1rem;text-align:center;border-bottom:4px solid #ffe5ec;box-shadow:0 4px 12px rgba(0,0,0,.15)}.site-header h1{margin:0 0 .5rem 0;font-size:clamp(2rem, 5vw, 3rem);color:#ffe5ec;font-weight:700;letter-spacing:-.5px}.site-header h2{margin:0;font-size:clamp(1.1rem, 3vw, 1.5rem);color:rgba(255,255,255,.9);font-weight:400;border:none;padding:0}.status-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(76,175,80,.15);color:#2e7d32;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin:1rem 0;border:2px solid rgba(76,175,80,.3)}.status-badge::before{content:"●";color:#4caf50;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.quick-nav{background:rgba(255,255,255,.95);padding:1rem;text-align:center;border-bottom:2px solid #d6a0b6;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(10px)}.nav-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}.jump-button{background-color:#734060;color:#ffe5ec;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:.9rem}.jump-button:hover{background-color:#8a506f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(115,64,96,.3)}.jump-button:focus-visible{outline:3px solid rgb(115,64,96);outline-offset:2px}.page-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem}.main-content{padding:3rem 2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin:2rem 0}.two-column{display:grid;grid-template-columns:1fr 380px;gap:3rem;margin-top:2rem}.left-column{min-width:0}.right-column{position:sticky;top:80px;height:fit-content}.welcome{text-align:center;margin-bottom:3rem}.welcome h2{border:none;font-size:2rem}.welcome p{font-size:1.15rem;max-width:700px;margin:0 auto 2rem;color:#666}.recipe-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,rgba(115,64,96,.05) 0,rgba(115,64,96,.1) 100%);border-radius:12px}.recipe-title{font-family:Pacifico,cursive;font-size:clamp(2rem, 5vw, 3rem);color:#734060;margin-bottom:.5rem}.recipe-rating{color:#f5b301;font-size:1.5rem;margin-bottom:1rem;letter-spacing:2px}.recipe-description{font-style:italic;color:#666;font-size:1.15rem;max-width:600px;margin:0 auto}.recipe-narrative{margin:3rem 0;font-size:1.05rem}.recipe-narrative p{margin-bottom:1.5rem}.recipe-narrative p:first-child{font-size:1.3rem;text-align:center;color:#734060;font-style:italic;margin-bottom:2rem}.ingredients-list{list-style:none;padding:0;display:grid;gap:1rem}.ingredients-list li{padding:1rem 1.5rem;background:#fff1f5;border-left:4px solid #734060;border-radius:6px;transition:all .2s ease}.ingredients-list li:hover{background:#fffbfc;transform:translateX(4px);border-left-width:6px}.ingredients-list li strong{color:#734060;font-weight:600}.projects-showcase{margin:3rem 0}.projects-showcase h2{text-align:center;font-size:2rem;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:transform .3s cubic-bezier(.4, 0, .2, 1),box-shadow .3s cubic-bezier(.4, 0, .2, 1),border-color .3s ease}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.15);border-color:#734060}.project-card .project-image{width:100%;height:220px;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.08)}.project-card .project-content{padding:1.5rem}.project-card .project-title{font-size:1.4rem;margin:0 0 .5rem 0;color:#734060}.project-card .project-description{font-size:.95rem;color:#666;margin-bottom:1rem}.project-card .project-tech{font-size:.85rem;color:#734060;font-weight:500;background:rgba(115,64,96,.08);padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem;display:inline-block}.project-card .project-links{display:flex;gap:1rem;margin-top:1rem}.project-card .project-links a{background-color:#734060;color:#ffe5ec;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:.85rem;padding:.5rem 1rem;text-align:center;flex:1}.project-card .project-links a:hover{background-color:#8a506f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(115,64,96,.3)}.project-card .project-links a:focus-visible{outline:3px solid rgb(115,64,96);outline-offset:2px}.sidebar-project{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s cubic-bezier(.4, 0, .2, 1),box-shadow .3s cubic-bezier(.4, 0, .2, 1),border-color .3s ease}.sidebar-project:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.15);border-color:#734060}.sidebar-project img{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.sidebar-project h3{font-size:1.2rem;margin:0 0 .5rem 0}.sidebar-project p{font-size:.9rem;color:#666;margin-bottom:.5rem}.sidebar-project a{text-decoration:none}.sidebar-project .project-tech{font-size:.8rem;color:#734060;font-weight:500;background:rgba(115,64,96,.08);padding:4px .5rem;border-radius:6px;display:inline-block;margin-bottom:.5rem}.nutritional-info{background:linear-gradient(135deg,#f8f8f8 0,#fafafa 100%);border:2px solid #d6a0b6;border-radius:12px;padding:2rem;margin:3rem 0;box-shadow:0 4px 12px rgba(0,0,0,.05)}.nutritional-info h3{margin-top:0;color:#734060;text-align:center;font-size:1.5rem}.nutrition-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:1.5rem}.nutrition-item{text-align:center;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s ease}.nutrition-item:hover{transform:translateY(-4px)}.nutrition-number{font-size:2.5rem;font-weight:700;color:#734060;margin-bottom:4px}.nutrition-label{font-size:.85rem;color:#666;font-weight:500}.about-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1rem 1.5rem 1.5rem;text-align:center;margin-bottom:2rem;border:2px solid #e0e0e0}.profile-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #ffe5ec;box-shadow:0 4px 12px rgba(0,0,0,.15)}.about h2{font-size:1.5rem;margin:0 0 1rem 0;border:none}.about p{font-size:.95rem;color:#666;margin-bottom:1rem}.contact-section{background:linear-gradient(135deg,rgba(115,64,96,.05) 0,rgba(115,64,96,.1) 100%);padding:3rem;border-radius:12px;text-align:center;margin:3rem 0}.contact-section h3{font-size:1.8rem;margin-bottom:1rem}.contact-section p{font-size:1.1rem;margin-bottom:2rem}.contact-section .cta-button{background-color:#734060;color:#ffe5ec;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:1.1rem;padding:1rem 2rem;margin-bottom:2rem}.contact-section .cta-button:hover{background-color:#8a506f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(115,64,96,.3)}.contact-section .cta-button:focus-visible{outline:3px solid rgb(115,64,96);outline-offset:2px}.contact-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(115,64,96,.15)}.contact-details p{margin:0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.contact-details a{color:#734060;text-decoration:none;font-weight:600;transition:color .2s ease}.contact-details a:hover{color:#8a506f;text-decoration:underline}@media (max-width:1024px){.two-column{grid-template-columns:1fr}.right-column{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){.main-content{padding:2rem 1rem}.quick-nav{padding:.5rem 1rem;position:sticky}.nav-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.nav-buttons .jump-button{width:100%;padding:.5rem;font-size:.85rem}.nutrition-facts{grid-template-columns:repeat(2,1fr)}.contact-details{flex-direction:column;gap:1rem}.right-column{grid-template-columns:1fr}}@media (max-width:480px){.nutrition-facts{grid-template-columns:1fr}.site-header{padding:2rem 1rem}}