*{margin:0;padding:0;box-sizing:border-box}body{font-family:Oxanium,system-ui,-apple-system,sans-serif;line-height:1.6;color:#2c3e50;background:#f5f7fa;padding:20px}.header-subtitle{font-size:.3em}.container{max-width:1000px;margin:0 auto;background:#fff;box-shadow:0 0 40px #0000001a}header{background:linear-gradient(135deg,#1b2d61,#23496f);color:#fff;padding:50px;text-align:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000;transition:all .4s cubic-bezier(.4,0,.2,1)}header.scrolled{padding:15px 50px;box-shadow:0 2px 10px #0003;text-align:left}.header-content{display:block;max-width:1200px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1)}header.scrolled .header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:30px}.header-title-section{display:flex;align-items:center;gap:20px;flex:0 1 auto;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-photo{background:url(/photo.jpeg);width:80px;height:80px;border-radius:50%;background-size:110%;background-position-y:15%;overflow:hidden;border:3px solid white;box-shadow:0 2px 10px #0003;flex-shrink:0}h1{font-size:3em;font-weight:700;margin:0;transition:font-size .4s cubic-bezier(.4,0,.2,1)}header h1{font-size:clamp(1.7rem,2.5vw,1.8em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.header-title{font-size:1.8em;opacity:.9;font-weight:572;margin-top:10px;margin-bottom:50px;text-align:center;padding-left:10%;padding-right:10%;line-height:1.45em;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;transition:all .4s cubic-bezier(.4,0,.2,1)}header.scrolled .contact{margin-top:0;justify-content:flex-end;gap:10px;flex:0 0 auto;flex-wrap:nowrap}.contact a{color:#fff;text-decoration:none;font-size:1.3em;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact a:hover{opacity:.7}header.scrolled .contact a{font-size:1.1em}.header-contacts{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;transition:all .4s cubic-bezier(.4,0,.2,1)}header.scrolled .header-contacts{margin-top:0;justify-content:flex-end;gap:10px;flex:0 0 auto}.header-contacts a{color:#fff;text-decoration:none;font-size:1.3em;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-contacts a:hover{opacity:.7}header.scrolled .header-contacts a{font-size:1.1em}.header-contacts span{display:flex;align-items:center;gap:10px}.cv-link{color:#fff;text-decoration:none;font-size:1em;font-weight:500;border:2px solid white;border-radius:5px;white-space:nowrap;padding:5px;position:absolute;opacity:0;transform:translate(20px);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}header.scrolled .cv-link{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.cv-link:hover{background:#fff;color:#2c3e50}@media (max-width: 768px){header{padding:30px 20px}header.scrolled{padding:10px 20px}.profile-photo{width:60px;height:60px;background-size:110%;background-position-y:15%}h1{font-size:2em}header.scrolled h1{font-size:clamp(.8rem,4vw,1.2em)}.header-subtitle{font-size:1.1em}.contact{gap:10px}.contact a{font-size:1.1em}header.scrolled .contact a{font-size:clamp(.7rem,2vw,.9em)}.cv-link{font-size:.85em}header.scrolled .header-content{flex-wrap:nowrap;gap:10px}header.scrolled .contact{gap:8px;flex-wrap:wrap;align-items:center;margin-top:0}header.scrolled .cv-link{width:auto;text-align:center;margin-left:0;margin-top:5px;padding:3px 5px}.header-contacts{gap:10px}.header-contacts a{font-size:1.1em}header.scrolled .header-contacts a{font-size:clamp(.7rem,2vw,.9em)}header.scrolled .header-contacts{gap:8px;flex-wrap:wrap;align-items:center;margin-top:0}header.scrolled .header-contacts span{flex-wrap:nowrap}header.scrolled .header-contacts .cv-link{width:50%;text-align:center;margin-left:0;margin-top:5px}}.content{padding:50px}h2{font-size:2.2em;margin:40px 0 25px;color:#2c3e50;text-align:center;font-weight:700}h3{font-size:1.5em;margin:30px 0 15px;color:#34495e;font-weight:600}p{margin-bottom:15px;font-size:1.05em;line-height:1.8}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin:40px 0}.metric-card{background:linear-gradient(135deg,#1b2d61,#23496f);color:#fff;padding:30px;text-align:center;border-radius:8px;box-shadow:0 4px 15px #3498db4d}.metric-number{font-size:2.5em;font-weight:700;margin-bottom:10px;line-height:1}.metric-label{font-size:1em;opacity:.95;font-weight:300;white-space:pre-line}.problem-box{position:relative;background:#fff;border-radius:12px;padding:30px;margin:25px 0;transition:box-shadow .3s ease}.problem-box:hover{box-shadow:0 4px 25px #e74c3c26}.problem-box:before{content:"!";position:absolute;top:-15px;left:25px;width:40px;height:40px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;box-shadow:0 2px 10px #e74c3c4d}.problem-box h4{color:#e74c3c;margin-bottom:15px;font-size:1.25em;margin-top:10px}.problem-box p{color:#555;line-height:1.7}.solution-box{position:relative;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;padding:30px 30px 30px 70px;margin:25px 0;box-shadow:0 2px 12px #0000000d;border-left:4px solid #1b2d61}.solution-box:before{content:"✓";position:absolute;left:20px;top:30px;width:35px;height:35px;background-image:linear-gradient(135deg,#1b2d61,#23496f);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3em;font-weight:700}.solution-box h4{color:#2c3e50;margin-bottom:12px;font-size:1.2em;font-weight:600}.solution-box p{color:#555;line-height:1.75}ul{margin:15px 0 15px 30px}li{margin-bottom:10px;font-size:1.05em}.recommendation-box{position:relative;background:#fff;padding:0;margin:40px 0;border-radius:16px;box-shadow:0 4px 25px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.recommendation-box:hover{transform:translateY(-3px);box-shadow:0 8px 35px #0000001f}.recommendation-box:before{content:"“";position:absolute;top:20px;right:30px;font-size:120px;color:#3498db14;font-family:Georgia,serif;line-height:1}.recommendation-header{display:flex;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e9ecef}.recommendation-photo{width:70px;height:70px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid #1b2d61;box-shadow:0 2px 10px #0000001a;flex-shrink:0}.recommendation-info h4{margin:0;font-size:1.3em;color:#2c3e50;font-weight:600}.recommendation-role{margin:5px 0 0;font-size:.95em;color:#1b2d61;font-weight:500}.recommendation-text{font-size:1.05em;line-height:1.8;color:#2c3e50;font-style:italic;margin:0;padding:30px;position:relative;z-index:1}@media (max-width: 768px){.recommendation-box:before{font-size:80px;top:10px;right:15px}.recommendation-photo{width:50px;height:50px}.recommendation-header{gap:15px;padding:20px}.recommendation-info h4{font-size:1.1em}.recommendation-text{font-size:1em;padding:20px}}.cta-section{background-image:linear-gradient(135deg,#1b2d61,#23496f);color:#fff;padding:50px;text-align:center;margin-top:50px}.cta-section h2{color:#fff;margin-top:0}.cta-section p{font-size:1.15em;margin:20px 0}a.telegram{background:#3498db}a.whatsapp{margin-left:20px;background:#29b980}.cta-section a{display:inline-block;color:#fff;padding:15px 40px;text-decoration:none;font-weight:600;font-size:1.1em;border-radius:5px;margin-top:20px;transition:background .3s}a.telegram:hover{background:#2980b9}a.whatsapp:hover{background:#1f946a}strong{color:#2c3e50;font-weight:600}.content{background:#f7f7fa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.project-card-header{background:linear-gradient(135deg,#1b2d61,#23496f);padding:25px;color:#fff}.project-card-header h4{margin:0;font-size:1.4em;font-weight:600}.project-card-header h4 a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.project-card-header h4 a:hover{opacity:.9}.project-role{margin-top:8px;font-size:.9em;opacity:.95;font-weight:300}.project-card-body{padding:25px}.project-card-body p{margin:0;line-height:1.7;color:#555}@media (max-width: 768px){.content{padding:30px 20px}.metrics-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr;gap:20px}}