:root{--bg-color: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #ec4899;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .05);--card-hover-bg: rgba(255, 255, 255, .08);--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}.light-mode{--bg-color: #fdfdfd;--text-primary: #1a1a1a;--text-secondary: #4b5563;--card-bg: rgba(0, 0, 0, .03);--card-border: rgba(0, 0, 0, .05);--card-hover-bg: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--text-primary);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;line-height:1.6}.background-globes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-color);--globe-1-x: 15%;--globe-1-y: 50%;--globe-2-x: 85%;--globe-2-y: 30%;background-image:radial-gradient(circle at var(--globe-1-x) var(--globe-1-y),rgba(139,92,246,.15),transparent 40%),radial-gradient(circle at var(--globe-2-x) var(--globe-2-y),rgba(236,72,153,.15),transparent 40%);pointer-events:none;will-change:background-image;transition:background-image .1s linear;animation:pulse-globes 10s ease-in-out infinite alternate}@keyframes pulse-globes{0%{opacity:.8}to{opacity:1}}.hero{text-align:center;padding:8rem 2rem 4rem;position:relative}.theme-toggle{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:100px;color:var(--text-primary);cursor:pointer;font-family:var(--font-main);font-size:.9rem;font-weight:500;transition:var(--transition-smooth);z-index:100}.light-mode .theme-toggle{background:#0000000d;border-color:#0000001a}.theme-toggle:hover{transform:translateY(-2px);background:#fff3}.light-mode .theme-toggle:hover{background:#00000014}.title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a0a0a0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title .accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:2rem 5%;max-width:1400px;margin:0 auto}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;overflow:hidden;transition:var(--transition-smooth);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform}.project-card:hover{transform:translateY(-8px) scale(1.02);background:var(--card-hover-bg);border-color:#fff3;box-shadow:0 20px 40px -10px #00000080}.card-image-wrapper{height:440px;width:100%;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .card-image{transform:scale(1.1)}.card-content{padding:2rem}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.project-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.card-footer{display:flex;justify-content:space-between;align-items:center}.tag{font-size:.75rem;padding:.25rem .75rem;border-radius:100px;background:#ffffff1a;color:#fff;letter-spacing:.05em;text-transform:uppercase}.click-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#ec489980,#8b5cf633 50%,#fff0 70%);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;z-index:10}@keyframes ripple{to{transform:scale(3);opacity:0}}.pantry{padding:2rem 5%;max-width:1400px;margin:4rem auto 2rem}.section-divider{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;opacity:.7}.divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--card-border),transparent)}.section-title-small{font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);white-space:nowrap}.pantry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.ingredient-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ingredient-item:hover{background:var(--card-hover-bg);transform:translateY(-4px);border-color:var(--accent-secondary)}.ingredient-icon{font-size:1.5rem}.ingredient-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:var(--transition-smooth)}.ingredient-item:hover .ingredient-name{color:var(--text-primary)}.menu-footer{margin-top:6rem;padding:4rem 5%;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);border-top:1px solid var(--card-border);position:relative}.light-mode .menu-footer{background:linear-gradient(to top,rgba(0,0,0,.02),transparent)}.footer-content{max-width:1400px;margin:0 auto;text-align:center}.footer-section h3{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;color:var(--text-primary)}.footer-section p{font-size:.9rem;color:var(--text-secondary);max-width:400px;margin:0 auto 1.5rem;font-style:italic}.legal-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.legal-links a{color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:var(--transition-smooth)}.legal-links a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--card-border);font-size:.75rem;color:var(--text-secondary);opacity:.6}
