:root{--primary-color: #4338ca;--secondary-color: #06b6d4;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-heavy: 0 25px 50px -12px rgba(0, 0, 0, .25)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background:linear-gradient(135deg,#667eea,#764ba2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}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}#root{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.profile-section{text-align:center;margin-bottom:2.5rem}.name{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite;line-height:1.2}.title{font-size:1.1rem;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}@media (max-width: 768px){.name{font-size:2rem}}@media (max-width: 600px){.name{font-size:1.9rem}.title{font-size:1.1rem}}@media (max-width: 480px){.profile-section{margin-bottom:2rem}.name{font-size:1.7rem;margin-bottom:.75rem}.title{font-size:1.05rem}}@media (max-width: 376px){.name{font-size:1.5rem}.title{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.profile-section{margin-bottom:1.5rem}.name{font-size:1.6rem;margin-bottom:.25rem}.title{font-size:1rem}}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:16px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden;min-height:48px}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-icon{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0;object-fit:contain}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-light)}.social-link:hover .social-icon{transform:scale(1.1)}.social-link:hover .icon-main{fill:#fff}.social-link.telegram:hover{background:linear-gradient(135deg,#08c,#0af);color:#fff;border-color:#08c}.social-link.telegram:hover .icon-circle{fill:#fff}.social-link.telegram:hover .icon-plane{fill:#34aadf}.social-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#00a0dc);color:#fff;border-color:#0077b5}.social-link.github:hover{background:linear-gradient(135deg,#333,#555);color:#fff;border-color:#333}.social-link.email:hover{background:linear-gradient(135deg,#ea4335,#fbbc04);color:#fff;border-color:#ea4335}@media (max-width: 600px){.social-links{gap:.75rem}.social-link{padding:1rem .8rem;font-size:.95rem;min-height:52px}.social-icon{width:20px;height:20px}}@media (max-width: 480px){.social-links{grid-template-columns:1fr;gap:.6rem}.social-link{font-size:.9rem;padding:.9rem .8rem;gap:.6rem;min-height:54px}.social-icon{width:18px;height:18px}}@media (max-width: 376px){.social-link{padding:.8rem .75rem;font-size:.85rem;min-height:50px}.social-icon{width:17px;height:17px}}@media (max-height: 500px) and (orientation: landscape){.social-links{gap:.5rem}.social-link{padding:.6rem .8rem;font-size:.85rem}}@media (hover: none) and (pointer: coarse){.social-link{min-height:48px;touch-action:manipulation;background:var(--bg-secondary)}.social-link.telegram{border-color:#06c3;color:#06c}.social-link.linkedin{border-color:#0077b533;color:#0077b5}.social-link.github{border-color:#3333;color:#333}.social-link.email{border-color:#f27f1c33;color:#f27f1c}.social-link:active{transform:scale(.95);transition:transform .1s ease}.social-link.telegram:active{background:linear-gradient(135deg,#08c,#0077b5);color:#fff;box-shadow:0 4px 8px #0088cc4d}.social-link.linkedin:active{background:linear-gradient(135deg,#0077b5,#005885);color:#fff;box-shadow:0 4px 8px #0077b54d}.social-link.github:active{background:linear-gradient(135deg,#333,#222);color:#fff;box-shadow:0 4px 8px #3333334d}.social-link.email:active{background:linear-gradient(135deg,#ea4335,#dc2626);color:#fff;box-shadow:0 4px 8px #ea43354d}.social-link:hover{transform:none;box-shadow:0 2px 4px #0000001a}.social-link:hover .social-icon{transform:none}.social-link:before{display:none}}.business-card{width:100%;max-width:500px;margin:0 auto;padding:0 1rem}.card-container{background:var(--bg-primary);border-radius:24px;padding:3rem 2.5rem;box-shadow:var(--shadow-heavy);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden;width:100%}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color))}.card-container:hover{transform:translateY(-8px);box-shadow:var(--shadow-heavy),0 0 0 1px #4338ca1a}@media (max-width: 768px){.business-card{max-width:420px;padding:0 .5rem}.card-container{padding:2.2rem 1.8rem}}@media (max-width: 600px){.business-card{max-width:100%;padding:0 .25rem}.card-container{padding:1.8rem 1.3rem;border-radius:18px}}@media (max-width: 480px){.business-card{padding:0 1.5rem}.card-container{padding:1.5rem 1rem;border-radius:16px}}@media (max-width: 376px){.business-card{padding:0 .75rem}.card-container{padding:1.3rem .9rem}}@media (max-width: 320px){.business-card{padding:0 .5rem}}@media (max-height: 500px) and (orientation: landscape){.card-container{padding:1.2rem 1.5rem}}@media (hover: none) and (pointer: coarse){.card-container:hover{transform:none}}.modal-overlay{width:100vw;height:100vh;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.modal-content{background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:var(--shadow-heavy);position:relative;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.2);animation:slideIn .3s ease}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary)}.modal-close:hover{background:#0000001a;color:var(--text-primary)}.close-icon{width:20px;height:20px;fill:currentColor}.modal-header{text-align:center;margin-bottom:1.5rem;padding-right:3rem}.modal-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-body{text-align:center}.email-display{background:var(--bg-secondary);padding:1rem 1.5rem;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;color:var(--text-primary);border:2px solid rgba(67,56,202,.1);margin-bottom:1.5rem;word-break:break-all;position:relative;transition:all .2s ease}.email-display:hover{border-color:#4338ca4d}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:100px}.button-icon{width:16px;height:16px;fill:currentColor}.copy-button{background:linear-gradient(135deg,var(--secondary-color),#0891b2);color:#fff;border:2px solid transparent}.copy-button:hover{background:linear-gradient(135deg,#0891b2,var(--secondary-color));transform:translateY(-2px);box-shadow:var(--shadow-light)}.write-button{background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;border:2px solid transparent}.write-button:hover{background:linear-gradient(135deg,#6366f1,var(--primary-color));transform:translateY(-2px);box-shadow:var(--shadow-light)}.modal-button:active{transform:translateY(0) scale(.98)}@media (max-width: 480px){.modal-overlay{padding:1.2rem}.modal-content{padding:1.8rem 1.5rem;border-radius:16px}.modal-header h3{font-size:1.4rem}.email-display{padding:1rem 1.2rem;font-size:1rem}.modal-buttons{flex-direction:column;gap:.8rem}.modal-button{width:100%;padding:1.1rem;justify-content:center;font-size:1rem}}@media (max-width: 376px){.modal-content{padding:1.5rem 1.2rem}.modal-header{padding-right:2.5rem}.modal-header h3{font-size:1.3rem}.email-display{font-size:.95rem;padding:.9rem 1rem}.modal-button{padding:1rem;font-size:.95rem}}