*{margin:0;padding:0;box-sizing:border-box}.portfolio-container{min-height:100vh;background:teal;color:#000;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;padding:8px;position:relative;overflow-x:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:linear-gradient(45deg,teal 0% 25%,teal 50% 75%,teal)}.bg-circle{display:none}.main-content{max-width:780px;margin:0 auto;position:relative;z-index:1;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;background:silver;padding:4px}.profile-section{margin-bottom:16px;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:8px;background:silver}.profile-header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:16px;padding:8px;background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.avatar-container{position:relative}.avatar-glow{display:none}.avatar{width:64px;height:64px;background:navy;display:flex;align-items:center;justify-content:center;border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.avatar span{font-size:12px;font-weight:700;color:#fff;font-family:"MS Sans Serif",sans-serif}.profile-info{padding-top:2px}.name{font-size:18px;font-weight:700;color:navy;margin-bottom:4px;line-height:1;font-family:"MS Sans Serif",sans-serif}.title{font-size:12px;color:#000;margin-bottom:8px;font-weight:700;background:silver;padding:2px 4px;border:1px solid;border-color:#808080 #ffffff #ffffff #808080;display:inline-block}.description{font-size:11px;color:#000;line-height:1.3;max-width:500px;background:#fff;padding:6px;border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.tech-section{background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:8px}.section-title{font-size:12px;font-weight:700;color:#000;margin-bottom:12px;text-align:center;background:navy;color:#fff;padding:4px;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tech-category h4{font-size:11px;color:#000;margin-bottom:8px;font-weight:700;background:silver;padding:2px 4px;border:1px solid;border-color:#808080 #ffffff #ffffff #808080}.tech-items{display:grid;grid-template-columns:1fr;gap:4px}.tech-item{display:flex;align-items:center;gap:6px;padding:4px 6px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;transition:all .1s ease;cursor:pointer;font-size:10px}.tech-item:hover{background:navy;color:#fff}.tech-item:active{border-color:#808080 #ffffff #ffffff #808080}.tech-item span{color:#000;font-weight:400}.tech-item:hover span{color:#fff}.content-grid{display:grid;grid-template-columns:1fr 250px;gap:12px}.content-card{background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:8px;transition:all .1s ease}.content-card:hover{border-color:navy}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #808080}.card-icon-wrapper{width:32px;height:32px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;display:flex;align-items:center;justify-content:center}.card-header h3{font-size:12px;font-weight:700;color:#000}.telegram-channel-section{text-align:center;padding:8px 0}.channel-icon{margin-bottom:8px}.channel-title{font-size:12px;font-weight:700;color:navy;margin-bottom:6px;background:silver;padding:4px;border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.channel-description{color:#000;line-height:1.3;margin-bottom:12px;font-size:10px;background:#fff;padding:6px;border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.channel-features{list-style:none;margin-bottom:16px;text-align:left;max-width:280px;margin-left:auto;margin-right:auto}.channel-features li{display:flex;align-items:center;gap:6px;padding:2px 0;color:#000;font-size:10px}.feature-icon{color:green;flex-shrink:0}.channel-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:silver;color:#000;text-decoration:none;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;font-weight:700;transition:all .1s ease;font-size:11px}.channel-button:hover{background:navy;color:#fff}.channel-button:active{border-color:#808080 #ffffff #ffffff #808080}.contact-main{display:flex;align-items:center;gap:8px;padding:8px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;text-decoration:none;color:inherit;transition:all .1s ease;margin-bottom:12px;font-size:11px}.contact-main:hover{background:navy;color:#fff}.contact-main:active{border-color:#808080 #ffffff #ffffff #808080}.contact-icon{width:32px;height:32px;background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;display:flex;align-items:center;justify-content:center}.contact-info{flex:1}.contact-label{display:block;color:#000;font-size:9px;margin-bottom:1px}.contact-value{display:block;color:#000;font-weight:700;font-size:11px}.contact-main:hover .contact-label,.contact-main:hover .contact-value{color:#fff}.external-icon{color:#000}.contact-main:hover .external-icon{color:#fff}.quick-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.info-item{display:flex;align-items:center;gap:8px;padding:6px;background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;font-size:10px}.info-icon{color:green;flex-shrink:0}.info-content{flex:1}.info-title{font-size:9px;color:#000;margin-bottom:1px}.info-value{font-size:10px;color:#000;font-weight:700}.availability{display:flex;align-items:center;gap:6px;padding:6px;background:silver;border:2px solid;border-color:#008000 #00ff00 #00ff00 #008000;font-size:10px}.status-indicator{width:8px;height:8px;background:green;border:1px solid #000000}.availability span{color:green;font-weight:700;font-size:10px}.floating-action{position:fixed;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;color:#000;font-weight:700;cursor:pointer;transition:all .1s ease;z-index:1000;font-size:11px;font-family:"MS Sans Serif",sans-serif}.floating-action:hover{background:navy;color:#fff}.floating-action:active{border-color:#808080 #ffffff #ffffff #808080}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}::-webkit-scrollbar-thumb{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}::-webkit-scrollbar-thumb:hover{background:navy}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.profile-header{grid-template-columns:1fr;text-align:center;gap:12px}.avatar-container{justify-self:center}}@media(max-width:768px){.portfolio-container{padding:4px}.name{font-size:16px}.tech-grid{grid-template-columns:1fr;gap:12px}.content-card{padding:6px}.floating-action{bottom:8px;right:8px;padding:4px 8px}.channel-features{text-align:center}.channel-features li{justify-content:center}}@media(max-width:480px){.name{font-size:14px}.title{font-size:11px}.description{font-size:10px}.floating-action span{display:none}.channel-button{width:100%;justify-content:center}.profile-header{padding:6px}.main-content{margin:2px}}.portfolio-container{cursor:url(data:image/x-icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAA//////////8AAAAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA),auto}.tech-item:hover,.channel-button:hover,.contact-main:hover,.floating-action:hover{box-shadow:0 0 0 1px #ff0}
