:root{--main-color: #d8d2e1;--secondary-color: #34435e;--nav-bg-color: #1c1d21;--link-color: #f0b729;--last-color: #a4d2d1;--active-color: #b8932f;--primary-color: #586BA4;--accent-color: #FFE74C;--text-color: #221D23;--accent-color-2: #F78764}*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;width:100%;height:100vh;background-color:#434343;font-family:sans-serif;font-size:16px}a{color:orange;text-decoration:none}.app-container{max-width:960px;margin:1.5rem auto;padding:1rem}header{padding:2rem 1rem 0;text-align:center}header h1{color:var(--main-color);letter-spacing:.08em;text-transform:uppercase}.app-navigation{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;max-width:100%;margin-bottom:20px}.app-navigation-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;width:100%}.app-navigation button{padding:8px 16px;background:var(--nav-bg-color);border:1px solid var(--link-color);color:var(--main-color);border-radius:4px;cursor:pointer}.app-navigation button:hover{background:var(--secondary-color);color:var(--last-color)}.app-navigation button.is-active,.app-navigation button[aria-current=page]{background:var(--active-color);color:var(--nav-bg-color);border-color:var(--main-color);font-weight:700;font-size:16px;box-shadow:0 0 0 2px #f0b72940}.landing-page-view{display:grid;gap:1.5rem;padding-bottom:2rem}.landing-panel{position:relative;overflow:hidden;padding:2rem;border:1px solid rgba(216,210,225,.18);border-radius:24px;background:linear-gradient(145deg,#34435ef5,#1c1d21f5);box-shadow:0 18px 40px #0000003d}.landing-panel:before{content:"";position:absolute;inset:auto -15%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(164,210,209,.25),transparent 65%);pointer-events:none}.hero-panel{display:grid;gap:1.5rem;background:linear-gradient(278deg,#586ba4eb,#2d3441f5)}.panel-eyebrow{margin-bottom:.75rem;color:var(--accent-color);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.panel-title{color:var(--main-color);font-size:2.9rem;line-height:1.05}.panel-body{max-width:70%;color:#d8d2e1e0;font-size:1.1rem;line-height:1.7}.panel-actions{display:flex;flex-wrap:wrap;gap:1rem}.panel-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:999px;color:var(--nav-bg-color);background:var(--link-color);font-weight:700;transition:transform .2s ease,background-color .2s ease,color .2s ease}.panel-action-link:last-child{color:var(--main-color);background:transparent;border-color:#d8d2e159}.panel-action-link:hover{transform:translateY(-2px);background:var(--accent-color-2);color:var(--nav-bg-color)}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-card,.timeline-entry,.service-card,.contact-card{padding:1.25rem;border:1px solid rgba(216,210,225,.14);border-radius:18px;background:#1c1d2166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric-card strong,.contact-value{display:block;color:var(--active-color);font-weight:200;line-height:1;margin-top:.5rem}.metric-card span,.contact-label,.timeline-period{display:block;padding:.25rem;margin-top:.45rem;color:#d8d2e1cc;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.panel-list{display:grid;gap:.9rem;margin-top:1.5rem;padding-left:1.2rem;color:#d8d2e1e6;line-height:1.6}.experience-timeline,.services-grid,.contact-grid{display:grid;gap:1rem;margin-top:1.5rem}.experience-timeline,.services-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-role,.service-card-title{margin-top:.8rem;color:var(--last-color);font-size:1.15rem}.timeline-detail,.service-card-text{margin-top:.8rem;color:#d8d2e1db;line-height:1.65}.about-view,.contact-view{padding:2rem;border:1px solid rgba(216,210,225,.16);border-radius:24px;background:linear-gradient(145deg,#34435ef5,#1c1d21f5)}.about-view h1,.contact-view h1{color:var(--main-color);margin-bottom:1rem}.about-view p,.contact-view label{color:#d8d2e1e0}.contact-view form{display:grid;gap:.85rem}.contact-view input,.contact-view textarea,.contact-view button{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(216,210,225,.18)}.contact-view input,.contact-view textarea{color:var(--main-color);background:#1c1d21b3}.contact-view textarea{min-height:140px;resize:vertical}.contact-view button{color:var(--nav-bg-color);background:var(--link-color);font-weight:700;cursor:pointer}@media(max-width:1000px){.app-container{max-width:100%;padding:1rem 1.25rem 2rem}.panel-title{max-width:16ch;font-size:2.4rem}.experience-timeline,.services-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){header{padding-top:1.5rem}.app-navigation{flex-wrap:wrap}.app-navigation button{flex:1 1 180px}.landing-panel,.about-view,.contact-view{padding:1.5rem}.panel-title{font-size:2rem}.hero-metrics,.experience-timeline,.services-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:450px){body{font-size:15px}.app-container{margin:1rem auto;padding:.75rem .85rem 1.5rem}.app-navigation{gap:.65rem}.app-navigation button{flex-basis:100%;padding:.8rem 1rem}.landing-panel,.about-view,.contact-view{padding:1.15rem;border-radius:18px}.panel-title{font-size:1.7rem}.panel-body,.timeline-detail,.service-card-text{font-size:.96rem}.panel-actions{flex-direction:column}.panel-action-link{width:100%}}