:root{--bg-color:#f2f2f2;--card-bg:#fff;--text-main:#1a1a1a;--accent:#8b7d6b;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.wrapper{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;letter-spacing:2px;margin:40px 0;font-family:Times New Roman,serif;font-size:clamp(3rem,8vw,5rem)}.top-navbar{z-index:5000;background:#22201d;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 25px;display:flex;position:sticky;top:0}.navbar-logo{color:#fff;letter-spacing:1px;cursor:pointer;font-family:Times New Roman,serif;font-size:1.8rem;text-decoration:none}.menu-button{cursor:pointer;color:#fff;transition:var(--transition);background:0 0;border:none;margin:0;padding:0;font-size:2rem}.menu-button:hover{transform:scale(1.1)}.dropdown-menu{z-index:1000;background:#fff;border-radius:20px;flex-direction:column;gap:15px;padding:25px;display:flex;position:absolute;top:80px;right:20px;box-shadow:0 10px 30px #00000014}.dropdown-menu a{color:#000;transition:var(--transition);font-weight:500;text-decoration:none}.dropdown-menu a:hover{color:var(--accent)}.hero-title{margin-top:50px}.hero-divider{justify-content:center;align-items:center;gap:18px;margin-top:-10px;margin-bottom:40px;display:flex}.hero-divider span{opacity:.9;background:#c8ab84;border-radius:20px;width:180px;height:3px}.hero-divider p{color:#c8ab84;margin-top:-4px;font-size:1.8rem;font-weight:700}.profile-container{background-color:#d4c7b6;justify-content:center;align-items:center;width:100vw;margin-left:calc(50% - 50vw);padding:90px 0;transition:all .4s;display:flex;overflow:hidden}.profile-container:hover{background-color:#cab9a4;transform:scale(1.01);box-shadow:inset 0 0 40px #ffffff26}.profile-img{object-fit:cover;object-position:center 15%;width:300px;height:300px;transition:var(--transition);cursor:pointer;border:6px solid #fff;border-radius:50%;box-shadow:0 10px 25px #00000014}.profile-img:hover{transform:scale(1.05);box-shadow:0 18px 35px #00000026}.nav-container{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:70px auto;display:grid}.nav-card{min-height:190px;transition:var(--transition);color:#000;background:#fdfdfd;border:2px solid #cdb79e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:35px 20px;text-decoration:none;display:flex;box-shadow:0 4px 15px #00000008}.nav-card:hover{background:#fff;border-color:#c8ab84;transform:translateY(-8px);box-shadow:0 12px 30px #0000000f}.nav-icon{color:#222;margin-bottom:18px;font-size:2rem}.nav-card p{letter-spacing:1px;color:#222;margin-bottom:10px;font-size:1rem}.card-line{background:#c8ab84;border-radius:20px;width:40px;height:3px;margin-top:8px}.card{background:#fff;border-radius:25px;max-width:900px;margin:40px auto;padding:40px;box-shadow:0 8px 25px #0000000d}.card h2,.card h3,.card h4{margin-bottom:15px}.card p{font-size:1.05rem;line-height:1.8}.portfolio-container{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin:60px auto;display:grid}.portfolio-card{transition:var(--transition);text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;padding:35px;display:flex;box-shadow:0 4px 20px #0000000d}.portfolio-card button{margin-top:20px}.portfolio-card:hover{transform:translateY(-8px)}.portfolio-card h3{margin-bottom:10px}.portfolio-card p{margin-top:10px;line-height:1.5}.github-repo-link{color:indigo;transition:var(--transition);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:.95rem;text-decoration:none;display:flex}.github-repo-link:hover{color:var(--accent)}.github-link{width:28px;height:28px}.cv-section{text-align:left;background:#fff;border-radius:20px;min-height:300px;padding:40px;box-shadow:0 4px 20px #0000000d}.cv-section h3,.cv-section h4{margin-bottom:15px;font-size:1.2rem}.cv-section p,.cv-section li{font-size:1rem;line-height:1.7}.cv-section ul{margin-top:20px;padding-left:20px}.cv-section li{margin-bottom:10px;line-height:1.6}.contact-section{text-align:center;padding:80px 20px}.contact-title{letter-spacing:6px;color:#333;margin-bottom:50px;font-size:3rem;font-weight:300}.contact-card{background:#fff;border-radius:20px;max-width:800px;margin:0 auto;padding:60px;box-shadow:0 10px 30px #00000014}.contact-card h2{margin-bottom:20px;font-size:2rem}.contact-text{color:#555;margin-bottom:40px;font-size:1.1rem;line-height:1.8}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-btn{color:#fff;background:#c8a97e;border-radius:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s}.contact-btn:hover{background:#b89667;transform:translateY(-2px)}.contact-card{background:#fff;border-radius:20px;max-width:800px;margin:0 auto;padding:60px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #00000014}.contact-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.modal{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:25px;width:90%;max-width:450px;padding:35px;box-shadow:0 15px 35px #00000026}.close{cursor:pointer;float:right;font-size:1.2rem;font-weight:700}button{cursor:pointer;transition:var(--transition);background-color:#fff;border:1px solid #999;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif}button:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}#easteregg{border-radius:20px;width:320px;margin:20px auto;display:block;box-shadow:0 10px 25px #0000001a}.site-footer{text-align:center;width:100%;margin-top:80px;padding:40px 20px}.site-footer p{color:#666;font-size:.95rem}.page-title{text-align:center;margin-top:50px;margin-bottom:20px}.page-title h2{letter-spacing:3px;color:#555;font-size:1.4rem;font-weight:500}@media (width<=900px){.portfolio-container,.nav-container{grid-template-columns:1fr}.nav-card{min-height:150px;padding:30px 20px}.profile-img{width:220px;height:220px}h1{font-size:2.8rem}}@media (width<=600px){.wrapper{padding:15px}.card,.portfolio-card,.cv-section{padding:25px}h1{font-size:2.2rem}.profile-img{width:180px;height:180px}.menu-button{font-size:1.8rem}}