:root{--primary:#1a7fc4;--primary-dark:#0f5a8a;--primary-glow:rgba(26,127,196,0.15);--secondary:#00a896;--bg-body:none;--bg-card:rgba(255,255,255,0.6);--text-dark:#1a2634;--text-body:#2d3a4a;--text-muted:#6b7a8a;--border-card:#e8edf4;--shadow-premium:0 20px 60px -16px rgba(26,127,196,0.08);--shadow-hover:0 24px 72px -20px rgba(26,127,196,0.14);--transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--base-font-size:112.5%}
*{margin:0;padding:0;box-sizing:border-box} *{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;display:none}
*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--base-font-size);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#f0f4f9;color:var(--text-dark);-webkit-font-smoothing:antialiased;position:relative;font-size:1.1rem;line-height:1.6}body::after{content:"";position:fixed;top:0;padding-top:calc(17vh + 15px);height:100vh;left:0;right:0;z-index:-1;background:linear-gradient(to right,rgba(255,255,255,0.9) 0,rgba(255,255,255,0) 50%),url(/images/doctor-photo.jpg) center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.section{display:flex;align-items:star;justify-content:center;padding:0 16px 0 15%;position:relative;overflow:hidden;background:var(--bg-body);min-height:100vh;min-height:100dvh}.section-inner{max-width:820px;width:100%;margin:0;padding:20px 0;z-index:2;position:relative}.accent-line{display:inline-block;width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;margin-bottom:14px;box-shadow:0 0 30px var(--primary-glow)}.section-title{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-bottom:12px;color:var(--text-dark)}.section-title .highlight{color:var(--primary);text-shadow:0 0 50px var(--primary-glow)}.section-subtitle{font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:300;color:var(--text-muted);max-width:600px;line-height:1.7}.btn-primary,.btn-outline,.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;border-radius:60px;font-weight:600;font-size:clamp(0.85rem,1.1vw,1rem);letter-spacing:0.04em;text-decoration:none;transition:var(--transition);text-transform:uppercase;cursor:pointer;min-height:48px;touch-action:manipulation;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 6px 24px -6px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px var(--primary-glow)}.btn-outline{background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);color:var(--text-dark);border:1.5px solid rgba(255,255,255,0.5)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-success{background:linear-gradient(135deg,#1b8a3a,#0f6b2a);color:#fff;box-shadow:0 6px 24px -6px rgba(27,138,58,0.25)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px rgba(27,138,58,0.3)}.navbar{border-radius:0 0 1em 1em;position:fixed;top:0;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:rgba(240,244,249,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);transition:var(--transition);min-height:60px}.navbar.scrolled{background:rgba(240,244,249,0.97);box-shadow:0 2px 32px rgba(26,127,196,0.06)}.navbar .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-dark);flex-shrink:0}.navbar .brand-img{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-glow);flex-shrink:0;background:var(--primary)}.navbar .brand-info .brand-name{font-size:0.4rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--text-muted)}.navbar .brand-info .brand-text{font-size:clamp(0.75rem,1vw,0.9rem);font-weight:600;line-height:1.2}.navbar .brand-info .brand-text .highlight{color:var(--primary)}.navbar .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;flex-wrap:wrap}.navbar .nav-links a{padding:6px 14px;border-radius:40px;color:var(--text-muted);text-decoration:none;font-size:clamp(.9rem,.7vw,.5rem);font-weight:500;transition:var(--transition);white-space:nowrap}.navbar .nav-links a:hover,.navbar .nav-links a.active{color:var(--primary);background:rgba(26,127,196,0.06)}.navbar .nav-links a.active{background:rgba(26,127,196,0.08)}.navbar .nav-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.navbar .nav-actions a{color:var(--text-muted);text-decoration:none;font-size:clamp(0.85rem,1vw,1rem);transition:var(--transition);display:flex;align-items:center;gap:6px}.navbar .nav-actions a:hover{color:var(--primary)}.navbar .nav-actions a i{font-size:0.8rem}.navbar .nav-actions .divider{color:var(--border-card)}.navbar .header-panel-btns{display:flex;align-items:center;gap:4px}.navbar .header-panel-btns button{width:35px;height:35px;border-radius:50%;border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1rem;touch-action:manipulation}.navbar .header-panel-btns button:hover{border-color:var(--primary);color:var(--primary)}.navbar .header-panel-btns button:active{transform:scale(0.92)}.slide-panel{position:fixed;top:0;height:100vh;height:100dvh;width:300px;max-width:85vw;background:#fff;z-index:99999;padding:16px 14px;overflow-y:auto;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 0 80px rgba(0,0,0,0.06);-webkit-overflow-scrolling:touch}.slide-panel.left{left:0;transform:translateX(-110%);border-right:1px solid var(--border-card)}.slide-panel.left.open{transform:translateX(0)}.slide-panel.right{right:0;transform:translateX(110%);border-left:1px solid var(--border-card)}.slide-panel.right.open{transform:translateX(0)}.slide-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-card)}.slide-panel .panel-header h3{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--text-muted);font-weight:400}.slide-panel .panel-header .close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:var(--transition);padding:4px 8px;border-radius:8px;touch-action:manipulation}.slide-panel .panel-header .close-btn:hover{color:var(--text-dark);background:rgba(0,0,0,0.04)}.slide-panel.left .nav-menu{list-style:none;padding:0}.slide-panel.left .nav-menu li{margin-bottom:2px}.slide-panel.left .nav-menu li a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:clamp(0.8rem,1.3vw,0.9rem);font-weight:500;transition:var(--transition);touch-action:manipulation}.slide-panel.left .nav-menu li a:active{transform:scale(0.96)}.slide-panel.left .nav-menu li a i{width:18px;font-size:0.9rem;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.slide-panel.left .nav-menu li a:hover{background:rgba(26,127,196,0.04);color:var(--text-dark)}.slide-panel.left .nav-menu li a:hover i{color:var(--primary)}.slide-panel.left .nav-menu li a.active{background:rgba(26,127,196,0.06);color:var(--primary)}.slide-panel.left .nav-menu li a.active i{color:var(--primary)}.slide-panel.left .panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-card)}.slide-panel.left .panel-footer .social-links{display:flex;gap:6px}.slide-panel.left .panel-footer .social-links a{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.02);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:var(--transition)}.slide-panel.left .panel-footer .social-links a:hover{background:rgba(26,127,196,0.06);color:var(--primary)}.slide-panel.right .quick-contacts{display:flex;flex-direction:column;gap:8px}.slide-panel.right .quick-contacts .contact-block{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(0,0,0,0.01);border-radius:12px;border:1px solid var(--border-card);transition:var(--transition);text-decoration:none;color:var(--text-dark);touch-action:manipulation}.slide-panel.right .quick-contacts .contact-block:active{transform:scale(0.97)}.slide-panel.right .quick-contacts .contact-block:hover{background:rgba(26,127,196,0.03);border-color:rgba(26,127,196,0.12)}.slide-panel.right .quick-contacts .contact-block .icon-wrap{width:34px;height:34px;border-radius:50%;background:rgba(26,127,196,0.04);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--primary);flex-shrink:0}.slide-panel.right .quick-contacts .contact-block .info .label{font-size:0.45rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)}.slide-panel.right .quick-contacts .contact-block .info .value{font-weight:500;font-size:clamp(0.75rem,1vw,0.85rem)}.panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.12);z-index:99998;opacity:0;pointer-events:none;transition:opacity 0.4s ease;backdrop-filter:blur(2px)}.panel-overlay.active{opacity:1;pointer-events:all}.panel-toggles{position:fixed;top:50%;transform:translateY(-50%);z-index:9998;display:none;flex-direction:column;gap:8px}.panel-toggles.left-toggles{left:6px}.panel-toggles.right-toggles{right:6px}.panel-toggle-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.9);border:1px solid var(--border-card);color:var(--text-muted);font-size:0.75rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,0.04);touch-action:manipulation}.panel-toggle-btn:active{transform:scale(0.9)}.panel-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}#section-hero{background:var(--bg-body)}#section-hero .section-inner{max-width:720px;margin:0;padding:20px 0;z-index:2;position:relative}.hero-content{max-width:580px;position:relative;z-index:2}.hero-content .hero-badge{font-size:clamp(0.45rem,0.7vw,0.55rem);text-transform:uppercase;letter-spacing:0.2em;color:var(--primary);border:1px solid rgba(26,127,196,0.15);padding:4px 14px;border-radius:100px;display:inline-block;width:fit-content;margin-bottom:10px;background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,0.04)}.hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:700;line-height:1.05;letter-spacing:-0.02em;margin-bottom:12px;color:var(--text-dark)}.hero-title .highlight{color:var(--primary);text-shadow:0 0 60px var(--primary-glow)}.hero-title .surname{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:0.4em;color:var(--text-muted);letter-spacing:0.15em;margin-top:2px}.hero-desc{font-size:clamp(1rem,1vw,1rem);color:var(--text-body);max-width:520px;line-height:1.7;font-weight:300;margin-bottom:20px;min-height:50px;background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,0.3)}.hero-desc i{color:var(--primary);margin-right:6px}.typing-text{display:inline-block;border-right:2px solid var(--primary);padding-right:4px;animation:blink-caret 0.75s step-end infinite;color:var(--text-body)}@keyframes blink-caret{0%,100%{border-color:var(--primary)} 50%{border-color:transparent}}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,0.3);backdrop-filter:blur(4px);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);max-width:520px;width:max-content}.hero-meta{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,0.3);backdrop-filter:blur(4px);padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);max-width:520px;width:max-content}.hero-meta span{display:flex;align-items:center;gap:6px;font-size:clamp(0.75rem,0.9vw,0.9rem);color:var(--text-muted)}.hero-meta span i{color:var(--primary)}
#section-about{background:none}#section-about .section-inner{margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.about-text{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.8;color:var(--text-body);font-weight:300}.about-text i{color:var(--primary);opacity:0.3;margin-right:4px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.stat-item{padding:10px 14px;border-radius:12px;background:var(--bg-card);border-left:3px solid var(--primary);box-shadow:0 2px 12px rgba(0,0,0,0.02);transition:var(--transition)}.stat-item:hover{transform:translateX(4px)}.stat-item .stat-number{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:700;color:var(--primary);line-height:1}.stat-item .stat-label{font-size:clamp(0.8rem,0.9vw,0.9rem);color:var(--text-muted);margin-top:4px;font-weight:300}.expert-card{background:var(--bg-card);border-radius:20px;padding:22px 20px;border:1px solid var(--border-card);box-shadow:var(--shadow-premium)}.expert-card blockquote{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:600;line-height:1.4;font-style:italic;color:var(--primary)}.expert-card .expert-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.expert-card .expert-tags span{background:rgba(26,127,196,0.04);padding:6px 14px;border-radius:40px;font-size:clamp(0.75rem,0.85vw,0.9rem);color:var(--primary);border:1px solid rgba(26,127,196,0.06);display:flex;align-items:center;gap:6px}
.reviews-btn-blue{display:inline-flex;align-items:center;gap:10px;padding:13px 30px;background:#1a73e8;border:none;border-radius:50px;color:#fff;font-weight:600;font-size:0.95rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(26,115,232,0.4);cursor:pointer;margin-top:8px}.reviews-btn-blue:hover{background:#1557b0;transform:translateY(-3px);box-shadow:0 8px 32px rgba(26,115,232,0.55);color:#fff}.reviews-btn-blue .count{background:rgba(255,255,255,0.2);padding:2px 12px;border-radius:30px;font-size:0.75rem}.reviews-btn-blue:active{transform:scale(0.96)}
#section-education{background:var(--bg-body)}#section-education .section-inner{margin:0}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.edu-block{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:18px 16px;transition:var(--transition);box-shadow:0 2px 12px rgba(0,0,0,0.02)}.edu-block:hover{border-color:rgba(26,127,196,0.12);box-shadow:var(--shadow-hover)}.edu-block .edu-block-title{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.edu-block .edu-block-title i{font-size:0.8rem}.edu-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-card)}.edu-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.edu-item .edu-title{font-weight:600;font-size:clamp(1rem,1.2vw,1.15rem);color:var(--text-dark)}.edu-item .edu-sub{font-size:clamp(0.9rem,1vw,1rem);color:var(--primary);font-weight:400}.edu-item .edu-date{font-size:clamp(0.75rem,0.85vw,0.85rem);color:var(--text-muted);margin-top:4px}.edu-item .edu-desc{font-size:clamp(0.85rem,0.95vw,0.95rem);color:var(--text-muted);margin-top:6px;line-height:1.5;font-weight:300}#section-work{background:none}#section-work .section-inner{margin:0}.work-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:24px 20px;max-width:580px;box-shadow:var(--shadow-premium);transition:var(--transition)}.work-card:hover{border-color:rgba(26,127,196,0.08);box-shadow:var(--shadow-hover)}.work-card .work-icon{font-size:1.8rem;color:var(--primary);margin-bottom:8px;opacity:0.4}.work-card h2{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;color:var(--text-dark)}.work-card h2 a{color:var(--primary);text-decoration:none;transition:var(--transition)}.work-card h2 a:hover{color:var(--primary-dark)}.work-card .work-desc{color:var(--text-muted);margin-top:8px;font-weight:300;line-height:1.7;font-size:clamp(1rem,1.2vw,1.15rem)}#section-docs{background:var(--bg-body)}#section-docs .section-inner{margin:0}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr));gap:10px;margin-top:16px;max-width:600px}.docs-grid .doc-item{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;color:var(--text-dark);text-decoration:none;transition:var(--transition);font-weight:500;font-size:clamp(0.9rem,1vw,1.05rem);box-shadow:0 2px 8px rgba(0,0,0,0.02);touch-action:manipulation}.docs-grid .doc-item:active{transform:scale(0.96)}.docs-grid .doc-item:hover{background:rgba(26,127,196,0.02);border-color:rgba(26,127,196,0.12);color:var(--primary)}.docs-grid .doc-item i{font-size:1.1rem;color:var(--primary);opacity:0.5;flex-shrink:0}
.rating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-width:820px;margin:0 auto}.rating-card{display:flex;align-items:center;gap:14px;background:#ffffff;padding:12px 18px;border-radius:14px;border:1px solid #e8ebf1;text-decoration:none;color:#1e293b;transition:all 0.25s ease;box-shadow:0 2px 6px rgba(0,0,0,0.02);cursor:pointer}.rating-card:hover{border-color:var(--primary,#1a7fc4);box-shadow:0 6px 20px rgba(0,0,0,0.06);transform:translateY(-2px)}.rating-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:#f8fafc;border-radius:10px}.rating-card-info{display:flex;flex-direction:column;flex:1;min-width:0}.rating-name{font-size:0.75rem;font-weight:600;color:#64748b;letter-spacing:0.2px;text-transform:uppercase}.rating-value{font-size:1rem;font-weight:700;color:#1e293b}.rating-arrow{color:#94a3b8;font-size:0.7rem;transition:all 0.2s;flex-shrink:0}.rating-card:hover .rating-arrow{color:var(--primary,#1a7fc4);transform:translateX(3px)}.rating-badge{background:#dcfce7;color:#166534;font-size:0.6rem;font-weight:700;padding:3px 10px;border-radius:40px;letter-spacing:0.3px;flex-shrink:0}.total-rating{background:#fefce8;border-color:#fde047}.total-rating .rating-card-icon{background:#fef9c3}.rating-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:0.7rem;color:var(--text-muted,#64748b)}.rating-footer span{display:flex;align-items:center;gap:5px}.overlap-letters{position:relative;font-size:28px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.overlap-letters .p{color:#dc2626;position:absolute;top:2px;left:6px;z-index:1;font-weight:800}.overlap-letters .d{color:#2563eb;position:absolute;bottom:2px;right:6px;font-weight:800}@media (max-width:600px){.rating-grid{grid-template-columns:1fr;gap:10px} .rating-card{padding:10px 14px;border-radius:12px} .rating-card-icon{width:34px;height:34px;font-size:18px} .rating-value{font-size:0.9rem} .rating-footer{gap:12px;font-size:0.6rem} .overlap-letters{font-size:22px;width:34px;height:34px} .overlap-letters .p{top:0;left:4px} .overlap-letters .d{bottom:0;right:4px}}
#section-skills{background:none}#section-skills .section-inner{margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.skill-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:18px 16px;transition:var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.02);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.3s ease}.skill-card.visible{opacity:1;transform:translateY(0)}.skill-card:hover{border-color:rgba(26,127,196,0.12);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.skill-card .skill-icon{font-size:2rem;margin-bottom:10px;display:block;color:var(--primary);opacity:0.5}.skill-card h4{font-size:clamp(1rem,1.2vw,1.2rem);font-weight:600;margin-bottom:6px;color:var(--text-dark)}.skill-card p{font-size:clamp(0.85rem,1vw,0.95rem);color:var(--text-muted);line-height:1.6;font-weight:300}
#section-blog{background:var(--bg-body)}#section-blog .section-inner{margin:0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.blog-card{display:block;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text-dark);box-shadow:0 2px 8px rgba(0,0,0,0.02);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.3s ease,border-color 0.3s ease}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-card:hover{transform:translateY(-4px);border-color:rgba(26,127,196,0.12);box-shadow:var(--shadow-hover)}.blog-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-card .blog-image{height:110px;background:linear-gradient(135deg,rgba(26,127,196,0.04),rgba(0,168,150,0.04));display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--primary);opacity:0.3;border-bottom:1px solid var(--border-card);position:relative;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:transform 0.4s ease}.blog-card:hover .blog-image img{transform:scale(1.03)}.blog-card .blog-image .blog-category{position:absolute;top:8px;left:8px;font-size:0.4rem;text-transform:uppercase;letter-spacing:0.1em;background:rgba(26,127,196,0.06);padding:2px 10px;border-radius:40px;color:var(--primary);font-weight:600;backdrop-filter:blur(4px);background:rgba(255,255,255,0.85)}.blog-card .blog-body{padding:12px 14px 16px}.blog-card .blog-body .blog-date{font-size:0.5rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:4px}.blog-card .blog-body h4{font-size:clamp(0.95rem,1.1vw,1.15rem);font-weight:600;line-height:1.3;margin-bottom:6px;transition:color 0.25s ease;color:var(--text-dark)}.blog-card:hover .blog-body h4{color:var(--primary)}.blog-card .blog-body p{font-size:clamp(0.8rem,0.95vw,0.9rem);color:var(--text-muted);line-height:1.6;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-body .blog-readmore{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:0.6rem;font-weight:600;color:var(--primary);transition:gap 0.25s ease;pointer-events:none}.blog-card:hover .blog-body .blog-readmore i{transform:translateX(4px)}.blog-card .blog-body .blog-readmore i{transition:transform 0.25s ease}#section-contact{background:none}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:14px} .blog-card .blog-image{height:90px}}@media (max-width:480px){.blog-card .blog-body{padding:10px 12px 14px} .blog-card .blog-body h4{font-size:1rem}}@media (prefers-color-scheme:dark){.blog-card .blog-image .blog-category{background:rgba(0,0,0,0.7);color:#fff} .blog-card:hover{border-color:rgba(26,127,196,0.3)}}
#section-contact .section-inner{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,0.4);transition:var(--transition);width:max-content}.contact-item:hover{background:var(--bg-card)}.contact-item .icon-wrap{width:36px;height:36px;border-radius:50%;background:rgba(26,127,196,0.04);display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:var(--primary);flex-shrink:0}.contact-item .info .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)}.contact-item .info .value{font-size:clamp(1rem,1.2vw,1.2rem);font-weight:500;color:var(--text-dark);text-decoration:none}.contact-item .info .value:hover{color:var(--primary)}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.contact-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:22px 20px;box-shadow:var(--shadow-premium)}.contact-card .chat-icon{font-size:2.2rem;color:var(--primary);opacity:0.15;margin-bottom:6px}.contact-card h3{font-weight:300;font-size:clamp(0.8rem,1vw,0.95rem);color:var(--text-muted);margin-bottom:4px}.contact-card .big-number{font-size:clamp(2.4rem,3.2vw,3rem);font-weight:700;color:var(--primary);text-shadow:0 0 40px var(--primary-glow)}.contact-card p{color:var(--text-muted);margin-top:10px;font-weight:300;line-height:1.7;font-size:clamp(0.95rem,1.1vw,1.1rem)}.footer-note{margin-top:24px;font-size:clamp(0.75rem,0.85vw,0.9rem);color:var(--text-light);text-align:left;border-top:1px solid var(--border-card);padding-top:14px;letter-spacing:0.04em}.scroll-top-btn{position:fixed;bottom:80px;left:12px;z-index:9999;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;cursor:pointer;box-shadow:0 8px 30px var(--primary-glow);transition:var(--transition);opacity:0;transform:translateY(16px) scale(0.8);pointer-events:none;font-size:0.8rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.scroll-top-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.scroll-top-btn:active{transform:scale(0.9)}.scroll-top-btn .progress-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:rgba(255,255,255,0.3);animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sticky-appointment{position:fixed;bottom:5%;right:5%;z-index:999;background:linear-gradient(135deg,#1b8a3a,#0f6b2a);color:#fff;padding:8px 16px;border-radius:60px;text-decoration:none;font-weight:600;font-size:clamp(0.55rem,0.8vw,0.7rem);box-shadow:0 8px 30px rgba(27,138,58,0.3);transition:var(--transition);display:flex;align-items:center;gap:6px;border:none;cursor:pointer;text-transform:uppercase;touch-action:manipulation;min-height:36px}.sticky-appointment:active{transform:scale(0.95)}.sticky-appointment:hover{transform:translateY(-3px) scale(1.03)}.sticky-appointment .pulse-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.7)}}.sticky-appointment span{display:inline}.online-status{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:9998;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:60px;padding:4px 14px;box-shadow:0 8px 32px rgba(0,0,0,0.06);display:flex;align-items:center;gap:6px;font-size:clamp(0.55rem,0.8vw,0.7rem);color:var(--text-dark);transition:var(--transition);opacity:0;transform:translateX(-50%) translateY(-16px);pointer-events:none;max-width:90%;white-space:nowrap}.online-status.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all}.online-status .status-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}.online-status .status-text{font-weight:500;overflow:hidden;text-overflow:ellipsis}.online-status .status-text span{color:var(--primary);font-weight:600}.online-status .close-status{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 4px;font-size:0.7rem;transition:var(--transition)}.online-status .close-status:hover{color:var(--text-dark)}
.breadcrumbs{font-size:0.85rem;color:var(--text-muted);margin-bottom:16px;padding:8px 0} .breadcrumbs a{color:var(--primary);text-decoration:none;transition:var(--transition)} .breadcrumbs a:hover{text-decoration:underline} .breadcrumbs .sep{margin:0 6px;color:var(--border-card)} 
.welcome-popup{position:fixed;bottom:140px;left:50%;transform:translateX(-50%);z-index:9997;background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-premium);max-width:360px;width:90%;transition:var(--transition);opacity:0;transform:translateX(-50%) translateY(16px);pointer-events:none}.welcome-popup.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all}.welcome-popup .popup-title{font-weight:600;font-size:clamp(0.85rem,1.1vw,0.95rem);color:var(--text-dark);margin-bottom:2px}.welcome-popup .popup-text{font-size:clamp(0.7rem,0.85vw,0.8rem);color:var(--text-muted);line-height:1.5;margin-bottom:8px}.welcome-popup .popup-actions{display:flex;gap:6px;flex-wrap:wrap}.welcome-popup .popup-actions button{padding:5px 14px;border-radius:40px;border:none;cursor:pointer;font-weight:500;font-size:0.7rem;transition:var(--transition);touch-action:manipulation}.welcome-popup .popup-actions button:active{transform:scale(0.95)}.welcome-popup .popup-actions .btn-accept{background:var(--primary);color:#fff}.welcome-popup .popup-actions .btn-accept:hover{background:var(--primary-dark)}.welcome-popup .popup-actions .btn-dismiss{background:transparent;color:var(--text-muted);border:1px solid var(--border-card)}.welcome-popup .popup-actions .btn-dismiss:hover{border-color:var(--text-muted);color:var(--text-dark)}#fp-nav{right:14px !important}#fp-nav ul li a span{background:rgba(26,127,196,0.15) !important;transition:var(--transition) !important;width:6px !important;height:6px !important}#fp-nav ul li a.active span{background:var(--primary) !important;box-shadow:0 0 30px var(--primary-glow) !important;transform:scale(1.3)}#fp-nav ul li .fp-tooltip{color:var(--text-dark) !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:400 !important;letter-spacing:0.06em !important;font-size:0.5rem !important;text-transform:uppercase !important;background:var(--bg-card) !important;padding:2px 8px !important;border-radius:40px !important;box-shadow:0 2px 12px rgba(0,0,0,0.04) !important}::-webkit-scrollbar{width:0;background:transparent}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)}}.section .section-inner{animation:fadeInUp 0.7s ease forwards}@media (max-width:1024px){.section{padding-left:3%} #section-hero .hero-bg-image{width:45%;max-width:500px;opacity:0.5} #section-hero .hero-bg-overlay{width:100%;max-width:100%;background:linear-gradient(90deg,rgba(240,244,249,0) 0,rgba(240,244,249,0.2) 40%,rgba(240,244,249,0.7) 70%,rgba(240,244,249,0.95) 100%)} .about-grid,.edu-grid,.contact-grid{grid-template-columns:1fr;gap:24px} .blog-grid{grid-template-columns:1fr 1fr} .navbar .nav-links{display:none} .panel-toggles{} .hero-content{max-width:100%} .hero-desc{max-width:100%} .hero-actions{max-width:100%} .hero-meta{max-width:100%}}
@media (max-width:768px){html{font-size:118%} body::after{content:"";padding-top:calc(5vh + 15px)} .section{padding-left:16px;padding-right:16px;justify-content:center;align-items:center} .section-inner{padding:16px 0;max-width:100%} #section-hero .hero-bg-image{width:100%;max-width:100%;opacity:0.08;border-radius:0;right:0;background-position:center 30%} #section-hero .hero-bg-overlay{display:none} #section-hero .section-inner{max-width:100%;padding:8px 0;display:flex;flex-direction:column;align-items:center} .hero-content{max-width:100%;width:100%;padding:0 4px;box-sizing:border-box} .hero-title{font-size:clamp(2rem,7vw,2.8rem)} .hero-desc{font-size:1rem;padding:12px 16px;min-height:40px;max-width:100%} .hero-actions{padding:14px 16px;flex-direction:column;align-items:stretch;max-width:100%;width:100%;box-sizing:border-box} .hero-actions .btn-primary,.hero-actions .btn-outline,.hero-actions .btn-success{width:100%;justify-content:center;padding:12px 20px;min-height:48px;font-size:0.85rem;box-sizing:border-box;white-space:nowrap} .hero-meta{max-width:100%;width:100%;box-sizing:border-box;flex-wrap:wrap} .hero-meta span{font-size:0.7rem} .section-title{font-size:clamp(1.8rem,6vw,2.4rem);margin-bottom:8px} .section-subtitle{font-size:1rem;max-width:100%} .about-grid{gap:20px} .about-text{font-size:1rem} .about-stats{grid-template-columns:1fr 1fr;gap:8px} .stat-item{padding:8px 12px} .stat-item .stat-number{font-size:1.5rem} .stat-item .stat-label{font-size:0.75rem} .expert-card{display:none;padding:16px 14px} .expert-card blockquote{font-size:1.1rem} .expert-card .expert-tags span{font-size:0.7rem;padding:4px 12px} .edu-grid{gap:12px}.edu-block:nth-child(1){display:none} .edu-block{padding:14px 12px} .edu-item{margin-bottom:8px;padding-bottom:8px} .edu-item .edu-title{font-size:0.95rem} .edu-item .edu-sub{font-size:0.85rem} .edu-item .edu-date{font-size:0.7rem} .edu-item .edu-desc{font-size:0.8rem} .work-card{padding:18px 16px;max-width:100%} .work-card h2{font-size:1.3rem} .work-card .work-desc{font-size:0.95rem} .docs-grid{grid-template-columns:1fr 1fr;gap:8px;max-width:100%} .docs-grid .doc-item{padding:12px 16px;font-size:0.85rem} .docs-grid .doc-item i{font-size:0.9rem} .skills-grid{grid-template-columns:1fr 1fr;gap:10px} .skill-card{padding:14px 12px} .skill-card .skill-icon{font-size:1.3rem} .skill-card h4{font-size:0.95rem} .skill-card p{font-size:0.8rem} .blog-grid{grid-template-columns:1fr;gap:12px} .blog-card .blog-image{height:100px;font-size:1.3rem;display:none } .blog-card .blog-body{padding:10px 12px 14px} .blog-card .blog-body h4{font-size:0.9rem} .blog-card .blog-body p{font-size:0.8rem} .contact-grid{gap:20px} .contact-item{padding:6px 10px;gap:10px} .contact-item .icon-wrap{width:32px;height:32px;font-size:0.8rem} .contact-item .info .value{font-size:0.95rem} .contact-card{padding:16px 14px;display:none} .contact-card .chat-icon{font-size:1.8rem} .contact-card .big-number{font-size:2rem} .contact-card p{font-size:0.9rem} .footer-note{margin-top:16px;padding-top:10px;text-align:center;font-size:0.7rem} .navbar{padding:6px 14px;min-height:54px} .navbar .brand-img{width:35px;height:35px} .navbar .brand-info .brand-text{font-size:0.75rem} .navbar .brand-info .brand-name{font-size:0.35rem} .navbar .brand{gap:6px} .navbar .header-panel-btns button{font-size:0.6rem} .navbar .nav-actions a{font-size:0.8rem} .navbar .nav-actions a span{display:none} .navbar .nav-actions .divider{display:none} .navbar .nav-links a{font-size:0.95rem} .scroll-top-btn{bottom:70px;left:8px;width:40px;height:40px;font-size:0.9rem} .sticky-appointment{padding:8px 16px;font-size:0.7rem;min-height:40px} .online-status{top:52px;padding:4px 16px;font-size:0.7rem;max-width:92%;white-space:normal} .online-status .status-text{white-space:normal} .welcome-popup{bottom:120px;padding:12px 14px;max-width:92%} .panel-toggles.left-toggles{left:4px} .panel-toggles.right-toggles{right:4px} .panel-toggle-btn{width:30px;height:30px;font-size:0.7rem} .slide-panel{width:280px;padding:14px 12px} .slide-panel.left .nav-menu li a{padding:6px 10px;font-size:0.8rem;gap:8px} .slide-panel.right .quick-contacts .contact-block{padding:8px 10px} .section-title{font-size:clamp(1.3rem,5vw,1.8rem);margin-bottom:4px} .section-subtitle{font-size:0.8rem;max-width:100%} #fp-nav{right:6px !important} #fp-nav ul li .fp-tooltip{display:none !important} #fp-nav ul li a span{width:5px !important;height:5px !important} .medical-pattern,.medical-pattern-top{display:none} .pulse-ring{display:none}}
@media (max-width:420px){html{font-size:115%} .skills-grid{grid-template-columns:1fr} .docs-grid{grid-template-columns:1fr} .about-stats{grid-template-columns:1fr 1fr} .stat-item .stat-number{font-size:1.3rem} .stat-item .stat-label{font-size:0.65rem} .hero-title{font-size:clamp(1.6rem,8vw,2.2rem)} .section-title{font-size:clamp(1.5rem,7vw,2rem)} .hero-desc{font-size:0.9rem;padding:10px 14px} .btn-primary,.btn-outline,.btn-success{font-size:0.75rem;padding:10px 16px;min-height:40px} .hero-actions .btn-primary,.hero-actions .btn-outline,.hero-actions .btn-success{font-size:0.7rem;padding:10px 14px;min-height:38px} .about-text{font-size:0.9rem} .expert-card blockquote{font-size:1rem} .edu-item .edu-title{font-size:0.85rem} .work-card h2{font-size:1.1rem} .work-card .work-desc{font-size:0.85rem} .docs-grid .doc-item{font-size:0.75rem;padding:10px 14px} .skill-card h4{font-size:0.85rem} .skill-card p{font-size:0.75rem} .blog-card .blog-body h4{font-size:0.8rem} .contact-item .info .value{font-size:0.85rem} .contact-card .big-number{font-size:1.7rem} .slide-panel{width:260px;padding:12px 10px} .slide-panel.left .nav-menu li a{padding:5px 8px;font-size:0.75rem;gap:6px} .navbar .nav-actions a{display:none} 
.sticky-appointment{min-height:34px} .online-status{font-size:0.6rem;padding:3px 12px;top:58px} .scroll-top-btn{width:30px;height:30px;font-size:0.6rem;bottom:60px} .hero-actions{padding:8px 10px} .hero-meta span{font-size:0.45rem} .hero-desc{font-size:0.7rem;padding:6px 10px;min-height:28px} 
.scroll-top-btn{width:30px;height:30px;font-size:0.6rem;bottom:60px}}#authPanel .logRegisterForm{padding:10px 0}#authPanel .logRegisterForm h3{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:600;color:var(--text-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border-card)}#authPanel .logRegisterForm .form-group{margin-bottom:14px;padding:0}#authPanel .logRegisterForm input{width:100%;padding:10px 14px;border:1.5px solid var(--border-card);border-radius:10px;font-size:0.95rem;font-family:'Plus Jakarta Sans',sans-serif;color:var(--text-dark);background:rgba(255,255,255,0.8);transition:var(--transition);outline:none;box-sizing:border-box}#authPanel .logRegisterForm input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,127,196,0.08);background:#fff}#authPanel .logRegisterForm input::placeholder{color:var(--text-muted);opacity:0.6}#authPanel .logRegisterForm .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:60px;font-weight:600;font-size:clamp(0.85rem,1vw,0.95rem);letter-spacing:0.04em;transition:var(--transition);text-transform:uppercase;cursor:pointer;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 6px 24px -6px var(--primary-glow);width:100%;margin-top:6px}#authPanel .logRegisterForm .btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px var(--primary-glow)}#authPanel .logRegisterForm .btn:active{transform:scale(0.97)}#authPanel .logRegisterForm p{display:inline-block;margin:14px 0 0 0;padding:6px 12px;font-size:0.9rem;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:8px}#authPanel .logRegisterForm p:hover{background:rgba(26,127,196,0.04);color:var(--primary)}#authPanel .logRegisterForm p i{margin-right:4px}#authPanel .logRegisterForm .col-sm-12{padding:0;width:100%}#authPanel .logRegisterForm .px-2{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:0.85rem;color:var(--text-muted);line-height:1.4}#authPanel .logRegisterForm .px-2 input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary)}#authPanel .logRegisterForm .px-2 a{color:var(--primary);text-decoration:underline;cursor:pointer;font-weight:500;transition:var(--transition)}#authPanel .logRegisterForm .px-2 a:hover{color:var(--primary-dark)}#authPanel .insShowRightMenuResponce{padding:20px 10px;text-align:center}#authPanel .insShowRightMenuResponce h3{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:12px}#authPanel .insShowRightMenuResponce h3:first-child{color:#27ae60}#authPanel .insShowRightMenuResponce .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;border-radius:60px;font-weight:600;font-size:0.85rem;transition:var(--transition);cursor:pointer;border:1.5px solid var(--border-card);background:var(--bg-card);color:var(--text-dark);margin-top:6px}#authPanel .insShowRightMenuResponce .btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(26,127,196,0.04)}#authPanel .insShowRightMenuResponce p{padding:6px 12px;margin:4px 0;border-radius:8px;font-size:0.95rem}#authPanel .insShowRightMenuResponce p:not(:last-child){background:rgba(231,76,60,0.06);color:#e74c3c}#authPanel .insShowRightMenuResponce p:last-child{color:#27ae60;font-weight:500}#authPanel .slide-panel{width:340px;max-width:90vw}@media (max-width:768px){#authPanel .logRegisterForm h3{font-size:1.2rem} #authPanel .logRegisterForm input{font-size:0.9rem;padding:8px 12px} #authPanel .logRegisterForm .btn{font-size:0.8rem;padding:10px 20px} #authPanel .logRegisterForm .px-2{font-size:0.75rem} #authPanel .slide-panel{width:300px;max-width:92vw}}@media (max-width:420px){#authPanel .logRegisterForm h3{font-size:1rem} #authPanel .logRegisterForm input{font-size:0.8rem;padding:7px 10px} #authPanel .logRegisterForm .btn{font-size:0.7rem;padding:8px 16px} #authPanel .slide-panel{width:280px;max-width:94vw}}@keyframes slideInForm{from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)}}#authPanel .logRegisterForm{animation:slideInForm 0.3s ease forwards}#authPanel .insShowRightMenuResponce{animation:slideInForm 0.3s ease forwards}

/* Плавное открытие панели */
.RightMainChat {
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.RightMainChat.open {
    transform: translateX(0);
}

/* ===== СПИННЕР НА КНОПКЕ ===== */
.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}

.btn-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.btn-loading .spinner-border {
    margin-right: 8px;
}