:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#242424;text-decoration:inherit}a:hover{color:#f5f5f5}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.skills-section{background:#f7f1eb;padding:5rem 2rem}.skills-header{max-width:700px;margin-bottom:3rem}.skills-header h3{font-size:2.4rem;color:#2b2b2b}.skills-header p{color:#8b7d73}.skills-header span{color:#c1a48a;font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.skill-card{perspective:1000px;cursor:pointer}.skill-inner{position:relative;height:260px;transform-style:preserve-3d;transition:transform .7s ease}.skill-card:hover .skill-inner{transform:translateY(-6px)}.skill-card.flipped .skill-inner{transform:rotateY(180deg)}.skill-front,.skill-back{position:absolute;inset:0;background:#fff;border-radius:24px;padding:2rem;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.skill-front{border:1px solid #e8ded4}.skill-icon{font-size:2.6rem;color:#c1a48a;margin-bottom:.8rem}.skill-hint{margin-top:1rem;font-size:.75rem;color:#8b7d73;opacity:.8}.skill-back{transform:rotateY(180deg);background:#e8ded4;color:#2b2b2b}.flip-back{margin-top:1.5rem;font-size:.75rem;color:#8b7d73;display:flex;gap:.4rem;align-items:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#f7f1eb;color:#2b2b2b}.app{overflow-x:hidden}.hero{padding:5rem 2rem}.hero-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}.hero h1{font-size:3rem}.hero h2{color:#8b7d73;margin:.5rem 0 1.5rem}.hero p{line-height:1.7}.hero-tags span,.project-link{display:inline-block;margin:1rem .5rem 0 0;padding:.4rem .9rem;background:#e8ded4;border-radius:20px;font-size:.85rem}.hero-image img{width:100%;border-radius:24px}.section{padding:4rem 2rem;max-width:1100px;margin:auto}.section h3{font-size:2.2rem}.section-intro{color:#7b6f67;margin-bottom:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.skill-card{background:#fff;padding:2rem 1rem;border-radius:20px;text-align:center;transition:transform .3s ease}.skill-card:hover{transform:translateY(-6px)}.skill-card svg{font-size:2.2rem;color:#c1a48a;margin-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:#fff;border-radius:15px;overflow:hidden;transition:transform .4s ease;padding:15px}.project-card:hover{transform:translateY(-8px)}.project-card img{width:100%;height:180px;object-fit:cover}.project-body{padding:1.5rem}.project-body span{color:#8b7d73;font-size:.85rem}.project-card h3{font-size:25px}.experience{display:grid;gap:2rem}.experience-card{background:#fff;padding:2rem;border-radius:24px}.experience-card span{color:#8b7d73;font-size:.85rem}.contact-links a{margin-right:1rem;text-decoration:none;color:#c1a48a}.footer{text-align:center;padding:3rem;color:#8b7d73}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}}