.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.route-fallback{align-items:center;display:flex;justify-content:center;min-height:60vh}.route-spinner{animation:route-spin .8s linear infinite;border:3px solid #1a7a9a40;border-radius:50%;border-top-color:#1a7a9a;height:40px;width:40px}@keyframes route-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.route-spinner{animation:none}}:root{--primary-color:#124e66;--primary-color-dark:#124e66;--text-color:#333;--text-light:#666;--bg-color:#f0f8ff;--bg-color-dark:#191923f2;--accent-color:#e63946;--header-height:80px;--shadow-light:0 2px 15px #0000001a;--shadow-dark:0 2px 15px #0000004d;--header-padding:0 2rem}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f0f8ff;background:var(--bg-color);border-bottom:1px solid #0000;box-sizing:border-box;height:80px;height:var(--header-height);left:0;padding:0 2rem;padding:var(--header-padding);position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%;z-index:1000}.header.scrolled{border-bottom-color:#0000001a;box-shadow:0 2px 15px #0000001a;box-shadow:var(--shadow-light);height:70px;height:calc(var(--header-height) - 10px)}.header.dark-mode{background:#191923f2;background:var(--bg-color-dark);border-bottom-color:#ffffff1a;color:#fff}.header.dark-mode.scrolled{box-shadow:0 2px 15px #0000004d;box-shadow:var(--shadow-dark)}body.dark-mode{background-color:#121212;color:#fff}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 0}.header-container,.logo{align-items:center;display:flex}.logo{z-index:1001}.logo-link{align-items:center;color:#333;color:var(--text-color);display:flex;font-weight:700;position:relative;text-decoration:none}.dark-mode .logo-link{color:#fff}.logo-icon{align-items:center;color:#124e66;color:var(--primary-color);display:flex;margin-right:10px}.dark-mode .logo-icon{color:#f1c40f}.logo-text{border-right:2px solid #333;border-right:2px solid var(--text-color);font-size:1.6rem;overflow:hidden;position:relative;white-space:nowrap}.dark-mode .logo-text{border-right-color:#fff}@keyframes blink{50%{border-color:#0000}}.nav ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav ul li a{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}.dark-mode .nav ul li a{color:#fff}.nav ul li a.active,.nav ul li a:hover{color:#124e66;color:var(--primary-color)}.dark-mode .nav ul li a.active,.dark-mode .nav ul li a:hover{color:#f1c40f}.nav-indicator{background-color:#124e66;background-color:var(--primary-color);bottom:-4px;height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-speed) ease;width:0}.dark-mode .nav-indicator{background-color:#f1c40f}.nav-indicator-active{width:100%}.header-controls{gap:1rem}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;background-color:#0000000d;border:none;border-radius:50%;color:#333;color:var(--text-color);cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;transition:all var(--transition-speed) ease;width:40px}.dark-mode .theme-toggle{background-color:#ffffff1a;color:#f1c40f}.theme-toggle:hover{background-color:#0000001a}.dark-mode .theme-toggle:hover{background-color:#ffffff26}.nav-toggle{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:none}.dark-mode .nav-toggle{color:#fff}.mobile-nav-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;transition:opacity var(--transition-speed) ease,visibility var(--transition-speed) ease;visibility:hidden;z-index:999}.overlay-visible{display:block;opacity:1;visibility:visible}.mobile-nav{background-color:#fff;box-shadow:-2px 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-width:450px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:100vw;z-index:1000}.dark-mode .mobile-nav{background-color:#191923f2;background-color:var(--bg-color-dark)}@keyframes slideFadeIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-nav-visible{animation:slideFadeIn .3s ease forwards;transform:translateX(0)}.mobile-nav-header{border-bottom:1px solid #0000001a;display:flex;justify-content:flex-end;padding:1rem}.dark-mode .mobile-nav-header{border-bottom-color:#ffffff1a}.close-nav{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer}.dark-mode .close-nav{color:#fff}.mobile-nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);flex-grow:1;list-style:none;margin:0;padding:2rem 1.5rem;position:relative}.dark-mode .mobile-nav-links{background:linear-gradient(135deg,#0f0f23,#1a1a2e)}.mobile-nav-links:before{background:linear-gradient(90deg,#0000,#6366f14d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .mobile-nav-links:before{background:linear-gradient(90deg,#0000,#f1c40f4d 50%,#0000)}.mobile-nav-links li{animation:slideInFade .6s ease forwards;margin-bottom:.5rem;opacity:0;transform:translateX(-30px)}.mobile-nav-links li:first-child{animation-delay:.1s}.mobile-nav-links li:nth-child(2){animation-delay:.2s}.mobile-nav-links li:nth-child(3){animation-delay:.3s}.mobile-nav-links li:nth-child(4){animation-delay:.4s}.mobile-nav-links li:nth-child(5){animation-delay:.5s}@keyframes slideInFade{to{opacity:1;transform:translateX(0)}}.mobile-nav-links li a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #0000000d,inset 0 1px 0 #fff9;color:#333;color:var(--text-color,#374151);display:flex;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .mobile-nav-links li a{background:#1e293bb3;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d,inset 0 1px 0 #ffffff1a;color:#e5e7eb}.mobile-nav-links li a:before{background:linear-gradient(90deg,#0000,#6366f11a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dark-mode .mobile-nav-links li a:before{background:linear-gradient(90deg,#0000,#f1c40f1a 50%,#0000)}.mobile-nav-links li a:after{background:linear-gradient(90deg,#287593,#124e66);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:0}.dark-mode .mobile-nav-links li a:after{background:linear-gradient(90deg,#f1c40f,#f39c12)}.mobile-nav-links li a:hover{background:#ffffffe6;border-color:#6366f133;box-shadow:0 8px 25px #6366f126,0 4px 16px #0000001a,inset 0 1px 0 #fffc;color:#124e66;color:var(--primary-color,#124e66);transform:translateY(-2px) scale(1.02)}.dark-mode .mobile-nav-links li a:hover{background:#1e293be6;border-color:#f1c40f4d;box-shadow:0 8px 25px #f1c40f33,0 4px 16px #0006,inset 0 1px 0 #fff3;color:#f1c40f}.mobile-nav-links li a:hover:before{left:100%}.mobile-nav-links li a:hover:after{width:80%}.mobile-nav-links li a.active{background:linear-gradient(135deg,#b9deec,#188d700d);border-color:#6366f14d;box-shadow:0 4px 20px #63f1ea33,inset 0 1px 0 #fffc;color:#124e66;color:var(--primary-color,#124e66);transform:scale(1.02)}.dark-mode .mobile-nav-links li a.active{background:linear-gradient(135deg,#f1c40f26,#f39c121a);border-color:#f1c40f66;box-shadow:0 4px 20px #f1c40f40,inset 0 1px 0 #fff3;color:#f1c40f}.mobile-nav-links li a.active:after{width:100%}.mobile-nav-links li a:active{transform:translateY(1px) scale(.98);transition:transform .1s ease}.mobile-nav-links li a.active{animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{box-shadow:0 4px 20px #6366f133,inset 0 1px 0 #fffc}50%{box-shadow:0 4px 25px #6366f14d,inset 0 1px 0 #fffc}}.dark-mode .mobile-nav-links li a.active{animation:gentlePulseDark 2s ease-in-out infinite}@keyframes gentlePulseDark{0%,to{box-shadow:0 4px 20px #f1c40f40,inset 0 1px 0 #fff3}50%{box-shadow:0 4px 25px #f1c40f59,inset 0 1px 0 #fff3}}.mobile-nav-links li a .icon{font-size:1.1rem;margin-right:.75rem;transition:transform .3s ease}.mobile-nav-links li a:hover .icon{transform:scale(1.1) rotate(5deg)}@media (max-width:480px){.mobile-nav-links{padding:1.5rem 1rem}.mobile-nav-links li a{font-size:1rem;padding:.875rem 1rem}}.mobile-nav-footer{align-items:center;background:#fff;border-top:1px solid #0000001a;color:#666;color:var(--text-light);display:flex;flex-direction:column;padding:1.5rem}.dark-mode .mobile-nav-footer{background:#121212;border-top-color:#ffffff1a;color:#ffffffb3}.mobile-nav-footer p{font-size:.85rem;margin-top:.5rem}.logo-link:after{background-color:#124e66;background-color:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-speed) ease;width:0}.dark-mode .logo-link:after{background-color:#f1c40f}.logo-link:hover:after{width:100%}.nav ul li a:after{background-color:#124e66;background-color:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-speed) ease;width:0}.nav ul li a.active:after,.nav ul li a:hover:after{width:100%}.dark-mode .nav ul li a:after{background-color:#f1c40f}.scroll-progress{background:linear-gradient(90deg,#124e66,#e63946);background:linear-gradient(to right,var(--primary-color),var(--accent-color));bottom:0;height:3px;left:0;position:absolute;transition:width .1s ease;width:0}.dark-mode .scroll-progress{background:linear-gradient(90deg,#f1c40f,#f472b6)}@media (max-width:768px){.nav{display:none}.nav-toggle{display:flex}:root{--header-padding:0 1rem}}:root{--footer-bg:#f0f8ff;--footer-text:#333;--footer-text-light:#666;--footer-link:#124e66;--footer-link-hover:#124e66;--footer-border:#0000001a;--footer-light-button-text:#f4f7f6;--footer-dark-bg:#1c1c27;--footer-dark-text:#e0e0e0;--footer-dark-text-light:#a0a0a0;--footer-dark-link:#f1c40f;--footer-dark-link-hover:#f1c40f;--footer-dark-border:#ffffff1a;--footer-dark-button-text:#1c1c27;--border-radius:12px}.footer{background-color:#f0f8ff;background-color:var(--footer-bg);border-top:1px solid #0000001a;color:#333;color:var(--footer-text);overflow:hidden;padding:2rem 1rem;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease}.footer.dark-mode{background-color:#1c1c27;background-color:var(--footer-dark-bg);border-top:1px solid #ffffff1a;color:#e0e0e0;color:var(--footer-dark-text)}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:10}.footer-branding{align-items:center;animation:fadeInThoughts .8s ease forwards;background:#fff;border:1px solid #0000001a;border:1px solid var(--footer-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 28px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:310px;max-width:800px;padding:1rem 2rem;position:relative;text-align:center}.footer.dark-mode .footer-branding{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #ffffff1a;border:1px solid var(--footer-dark-border)}.footer-logo{color:#124e66;color:var(--footer-link);margin-bottom:0;transition:transform .3s ease;transition:transform var(--transition-speed) ease}.footer.dark-mode .footer-logo{color:#f1c40f;color:var(--footer-dark-link)}.footer-logo:hover{transform:rotate(1turn)}.animate-spin{animation:spin 1s linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.footer-role-container{background:#f0f8ff;border:1px solid #0000001a;border:1px solid var(--footer-border);border-radius:.5rem;box-shadow:0 12px 28px #0000000f;padding-bottom:.75rem;padding-top:.75rem;width:100%}.footer.dark-mode .footer-role-container{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-color:#ffffff1a;border-color:var(--footer-dark-border)}.roles-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1rem;justify-content:center;padding:0 1rem;transition:transform .3s ease-in-out}.roles-wrapper:hover{transform:translateY(-2px)}.role-badge{align-items:center;background-color:#fff;border-radius:9999px;box-shadow:0 1px 2px 0 #0000000d;display:flex;justify-content:center;padding:.25rem .75rem;transition:all .3s;width:173px}.footer.dark-mode .role-badge{background-color:#374151}.role-badge:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.role-badge:hover,.roles-wrapper:hover .role-badge{transform:scale(1.05)}.role-icon{color:#124e66;margin-right:.375rem}.footer.dark-mode .role-icon{color:#f1c40f;margin-right:.375rem}.role-text{color:#374151;font-size:.875rem;font-weight:500;width:130px}.footer.dark-mode .role-text{color:#e5e7eb}.role-separator{color:#9ca3af;margin-left:.5rem}.footer.dark-mode .footer-role{color:#a0a0a0;color:var(--footer-dark-text-light)}.footer-social{align-items:center;animation:fadeInThoughts .8s ease forwards;background:#fff;border:1px solid #0000001a;border:1px solid var(--footer-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 28px #0000000f;display:flex;gap:.8rem;justify-content:center;list-style:none;margin:0;overflow:hidden;padding:2.5rem 2rem;position:relative}.footer-social:before{background:linear-gradient(90deg,#0000,#124e660d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.footer-social:hover:before{left:100%}.footer.dark-mode .footer-social{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #ffffff1a;border:1px solid var(--footer-dark-border)}.footer.dark-mode .footer-social:before{background:linear-gradient(90deg,#0000,#f1c40f1a,#0000)}.footer-social li{position:relative}.footer-social-link{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;color:#124e66;color:var(--footer-link);display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:50px}.footer-social li:first-child .footer-social-link{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.footer-social li:first-child .footer-social-link:hover{background:linear-gradient(135deg,#333,#24292e);box-shadow:0 10px 25px #24292e4d;color:#fff;transform:translateY(-8px) scale(1.1)}.footer-social li:nth-child(2) .footer-social-link{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.footer-social li:nth-child(2) .footer-social-link:hover{background:linear-gradient(135deg,#0077b5,#005885);box-shadow:0 10px 25px #0077b54d;color:#fff;transform:translateY(-8px) scale(1.1)}.footer-social li:nth-child(3) .footer-social-link{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.footer-social li:nth-child(3) .footer-social-link:hover{background:linear-gradient(135deg,#ea4335,#d33b2c);box-shadow:0 10px 25px #ea43354d;color:#fff;transform:translateY(-8px) scale(1.1)}.footer-social li:nth-child(4) .footer-social-link{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.footer-social li:nth-child(4) .footer-social-link:hover{background:linear-gradient(135deg,#0a2681,#0a2681);box-shadow:0 10px 25px #124e664d;color:#fff;transform:translateY(-8px) scale(1.1)}.footer.dark-mode .footer-social li:first-child .footer-social-link,.footer.dark-mode .footer-social li:nth-child(2) .footer-social-link,.footer.dark-mode .footer-social li:nth-child(3) .footer-social-link,.footer.dark-mode .footer-social li:nth-child(4) .footer-social-link{background:linear-gradient(135deg,#2d2d3a,#1c1c27);color:#f1c40f;color:var(--footer-dark-link)}.footer-social-link:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0;z-index:-1}.footer-social-link:hover:before{height:120%;width:120%}.footer-social-tooltip{background:linear-gradient(135deg,#333,#555);border-radius:8px;bottom:-3rem;box-shadow:0 4px 15px #0003;color:#fff;font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px) scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;z-index:1000}.footer-social-tooltip:before{border-bottom:4px solid #333;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.footer-social-link:hover .footer-social-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.footer.dark-mode .footer-social-tooltip{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#1c1c27;color:var(--footer-dark-button-text)}.footer.dark-mode .footer-social-tooltip:before{border-bottom-color:#f1c40f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.footer-social-link{animation:float 3s ease-in-out infinite}.footer-social li:nth-child(2) .footer-social-link{animation-delay:.5s}.footer-social li:nth-child(3) .footer-social-link{animation-delay:1s}.footer-social li:nth-child(4) .footer-social-link{animation-delay:1.5s}.footer-social-link:hover{animation-play-state:paused}.footer-thoughts{animation:fadeInThoughts .8s ease forwards;background:#fff;border:1px solid #0000001a;border:1px solid var(--footer-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 28px #0000000f;max-width:800px;opacity:0;padding:3rem 2rem;position:relative;text-align:center}.footer.dark-mode .footer-thoughts{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-color:#ffffff1a;border-color:var(--footer-dark-border)}@keyframes fadeInThoughts{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.footer-thoughts-title{color:#333;color:var(--footer-text);display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:3rem;position:relative;text-transform:uppercase}.footer.dark-mode .footer-thoughts-title{color:#e0e0e0;color:var(--footer-dark-text)}.footer-thoughts-title:after{background-color:#124e66;background-color:var(--footer-link);content:"";display:block;height:2px;margin:.4rem auto 0;transition:all .3s ease;width:60%}.footer.dark-mode .footer-thoughts-title:after{background-color:#f1c40f;background-color:var(--footer-dark-link)}.footer-thoughts-text{color:#666;color:var(--footer-text-light);font-size:1rem;font-style:italic;font-weight:500;line-height:1.8;margin:0 auto;max-width:680px;padding:0 1rem;position:relative}.footer.dark-mode .footer-thoughts-text{color:#a0a0a0;color:var(--footer-dark-text-light)}.footer-thoughts-text:after,.footer-thoughts-text:before{color:#124e66;color:var(--footer-link);font-family:Georgia,serif;font-size:1.8rem;font-weight:900;position:absolute}.footer.dark-mode .footer-thoughts-text:after,.footer.dark-mode .footer-thoughts-text:before{color:#f1c40f;color:var(--footer-dark-link)}.footer-thoughts-text:before{content:"“";left:-2px;top:-10px}.footer-thoughts-text:after{bottom:-10px;content:"”";right:-2px}.footer-contact{animation:fadeInThoughts .8s ease forwards;background:#fff;border:1px solid #0000001a;border:1px solid var(--footer-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 28px #0000000f;padding:3rem 1rem;text-align:center}.footer.dark-mode .footer-contact{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-color:#ffffff1a;border-color:var(--footer-dark-border)}.footer-contact-title{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.footer-contact-text{color:#666;color:var(--footer-text-light);font-size:1rem;margin-bottom:1.5rem}.footer.dark-mode .footer-contact-text{color:#a0a0a0;color:var(--footer-dark-text-light)}.footer-contact-button{background-color:#124e66;background-color:var(--footer-link);border-radius:6px;color:#f4f7f6;color:var(--footer-light-button-text);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.footer-contact-button:hover{background-color:#124e66;background-color:var(--footer-link-hover);box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.footer.dark-mode .footer-contact-button{background-color:#f1c40f;background-color:var(--footer-dark-link);color:#1c1c27;color:var(--footer-dark-button-text)}.footer.dark-mode .footer-contact-button:hover{background-color:#f1c40f;background-color:var(--footer-dark-link-hover)}.lower-footer-section{position:relative;z-index:100}.footer-copy{border-top:1px solid #0000001a;border-top:1px solid var(--footer-border);color:#666;color:var(--footer-text-light);font-size:.85rem;grid-column:1/-1;margin-top:2rem;padding-top:2rem;text-align:center}.footer.dark-mode .footer-copy{border-top-color:#ffffff1a;border-top-color:var(--footer-dark-border);color:#a0a0a0;color:var(--footer-dark-text-light)}.footer-tech-note{display:block;font-size:.75rem;margin-top:.5rem;opacity:.7}.footer-decoration{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.footer-wave{background:#f0f8ff;background:var(--footer-bg);display:block;height:120px;position:relative;width:calc(100% + 1.3px)}.footer.dark-mode .footer-wave{background:#1c1c27;background:var(--footer-dark-bg)}.footer-wave:before{background:#f0f8ff;background:var(--footer-bg);bottom:0;content:"";height:100%;left:0;position:absolute;transform:skewY(-3deg);transform-origin:bottom right;width:100%}.footer.dark-mode .footer-wave:before{background:#1c1c27;background:var(--footer-dark-bg)}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;place-items:center}.footer-branding{margin-bottom:0;width:315px}.footer-social{gap:1.8rem;padding:2rem 1.5rem;width:315px}.footer-social-link{height:45px;width:45px}.footer-social-tooltip{bottom:-2.8rem;font-size:.7rem;padding:.4rem .6rem}.footer-social li:first-child .footer-social-link:hover,.footer-social li:nth-child(2) .footer-social-link:hover,.footer-social li:nth-child(3) .footer-social-link:hover,.footer-social li:nth-child(4) .footer-social-link:hover{transform:translateY(-4px) scale(1.05)}.footer-contact,.footer-skills{padding:1rem;width:315px}.footer-skills-list{justify-content:center}.footer-thoughts{height:150px;padding:1rem;width:315px}.roles-wrapper{padding:0 .5rem}.role-text{font-size:.75rem}.footer-thoughts-title{margin-bottom:1rem}.footer-contact-button,.footer-contact-text,.footer-thoughts-text{font-size:.9rem}.footer-copy{margin-top:1rem;padding-top:1rem}.footer-wave{height:80px}.footer-skills-title{font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.footer-skills-item{background-color:#124e66;background-color:var(--footer-link);border-radius:4px;color:#f4f7f6;color:var(--footer-light-button-text);font-size:.75rem;padding:.25rem .5rem;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease;width:90px}.role-separator{display:none}}@media print{.footer{background:#fff;border:none;box-shadow:none;color:#000}.footer-decoration,.footer-social{display:none}.footer-copy{border:none;text-align:center}}@media (prefers-reduced-motion:no-preference){.footer-social-link:hover{filter:drop-shadow(0 0 8px rgba(18,78,102,.3))}.footer.dark-mode .footer-social-link:hover{filter:drop-shadow(0 0 8px rgba(241,196,15,.3))}}:root{--hero-bg:#fff;--hero-text:#1a1a2e;--hero-subtext:#5a6a7a;--hero-accent:#124e66;--hero-button-text:#fff;--hero-secondary-bg:#f4f8fb;--hero-border:#e2e8ed;--hero-shadow:#124e662e;--hero-dark-bg:#0d0d1a;--hero-dark-text:#eef0f5;--hero-dark-subtext:#8a9ab0;--hero-dark-accent:#f1c40f;--hero-dark-button-text:#0d0d1a;--hero-dark-secondary-bg:#141428;--hero-dark-border:#252540;--hero-dark-shadow:#f1c40f33;--terminal-cursor:#22d98a;--transition-speed:0.3s;--border-radius:10px;--max-width:1200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 #22d98a80}50%{box-shadow:0 0 0 6px #22d98a00}}.fade-in{animation:fadeIn .9s ease forwards}.section-header{margin-bottom:3rem;text-align:center}.section-title{color:#1a1a2e;color:var(--hero-text);font-size:2.2rem;font-weight:700;margin-bottom:.75rem}.section-title:after{background:#124e66;background:var(--hero-accent);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:48px}.section-description{color:#5a6a7a;color:var(--hero-subtext);font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:520px}body.dark-mode .section-title{color:#eef0f5;color:var(--hero-dark-text)}body.dark-mode .section-title:after{background:#f1c40f;background:var(--hero-dark-accent)}body.dark-mode .section-description{color:#8a9ab0;color:var(--hero-dark-subtext)}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem}.hero-section{align-items:center;background-color:#fff;background-color:var(--hero-bg);color:#1a1a2e;color:var(--hero-text);display:flex;justify-content:center;min-height:100vh;opacity:0;overflow:hidden;padding:6rem 2rem 5rem;position:relative;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.hero-bg-grid{background-image:radial-gradient(circle,#124e661a 1px,#0000 0);background-size:28px 28px;inset:0;pointer-events:none;position:absolute;z-index:0}body.dark-mode .hero-bg-grid{background-image:radial-gradient(circle,#f1c40f12 1px,#0000 0)}.hero-shapes{inset:0;pointer-events:none;position:absolute}.hero-shape{border-radius:50%;filter:blur(70px);position:absolute}.hero-shape-1{background-color:#124e6624;height:480px;right:-120px;top:-120px;width:480px}.hero-shape-2{background-color:#124e661a;bottom:-60px;height:340px;left:-60px;width:340px}.hero-shape-3{background-color:#124e660f;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);width:220px}body.dark-mode .hero-shape-1{background-color:#f1c40f1f}body.dark-mode .hero-shape-2{background-color:#f1c40f14}body.dark-mode .hero-shape-3{background-color:#f1c40f0d}body.dark-mode .hero-section{background-color:#0d0d1a;background-color:var(--hero-dark-bg);color:#eef0f5;color:var(--hero-dark-text)}.hero-container{flex-wrap:wrap;gap:4rem;max-width:1200px;max-width:var(--max-width);position:relative;width:100%;z-index:1}.hero-container,.hero-left{align-items:center;display:flex}.hero-left{flex:1 1 350px;justify-content:center}.hero-right{display:flex;flex:2 1 480px;flex-direction:column}.available-badge{align-items:center;background:#124e6612;border:1.5px solid #124e6633;border-radius:999px;color:#124e66;color:var(--hero-accent);display:inline-flex;font-size:.82rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin-bottom:1.3rem;padding:.38rem 1rem;width:fit-content}.badge-dot{animation:pulseDot 2s ease-in-out infinite;background:#22d98a;border-radius:50%;flex-shrink:0;height:8px;width:8px}body.dark-mode .available-badge{background:#f1c40f14;border-color:#f1c40f40;color:#f1c40f;color:var(--hero-dark-accent)}.hero-heading{align-items:center;display:flex;flex-wrap:wrap;font-size:3rem;font-weight:700;gap:.5rem;line-height:1.2;margin-bottom:.9rem}.terminal-cursor{color:#22d98a;color:var(--terminal-cursor);font-size:2.5rem;font-weight:800}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(130deg,#124e66 10%,#1e829e 90%);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hero-name:after{background:linear-gradient(130deg,#124e66,#1e829e);border-radius:2px;bottom:3px;content:"";height:4px;left:0;opacity:.22;position:absolute;width:100%}body.dark-mode .hero-name{background:linear-gradient(130deg,#f1c40f 10%,#f5a623 90%);-webkit-background-clip:text;background-clip:text}body.dark-mode .hero-name:after{background:linear-gradient(130deg,#f1c40f,#f5a623)}.animated-tagline{height:2.2rem;margin-bottom:1.4rem;overflow:hidden}.tagline-slide{animation:slideUp .55s ease;color:#5a6a7a;color:var(--hero-subtext);font-size:1.35rem;margin:0}body.dark-mode .tagline-slide{color:#8a9ab0;color:var(--hero-dark-subtext)}.hero-description{color:#5a6a7a;color:var(--hero-subtext);font-size:1.05rem;line-height:1.85;margin-bottom:2rem;max-width:560px;text-align:justify}body.dark-mode .hero-description{color:#8a9ab0;color:var(--hero-dark-subtext)}.hero-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.hero-cta{align-items:center;border-radius:10px;border-radius:var(--border-radius);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.85rem 1.8rem;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.primary-cta{background-color:#124e66;background-color:var(--hero-accent);box-shadow:0 4px 18px #124e662e;box-shadow:0 4px 18px var(--hero-shadow);color:#fff}.primary-cta:hover{box-shadow:0 8px 24px #124e662e;box-shadow:0 8px 24px var(--hero-shadow);filter:brightness(1.1);transform:translateY(-3px)}.secondary-cta{background-color:initial;border:2px solid #124e66;border:2px solid var(--hero-accent);color:#124e66;color:var(--hero-accent)}.secondary-cta:hover{background-color:#124e6614;transform:translateY(-3px)}body.dark-mode .primary-cta{background-color:#f1c40f;background-color:var(--hero-dark-accent);box-shadow:0 4px 18px #f1c40f33;box-shadow:0 4px 18px var(--hero-dark-shadow);color:#0d0d1a;color:var(--hero-dark-button-text)}body.dark-mode .primary-cta:hover{box-shadow:0 8px 24px #f1c40f33;box-shadow:0 8px 24px var(--hero-dark-shadow);filter:brightness(1.1)}body.dark-mode .secondary-cta{border-color:#f1c40f;border-color:var(--hero-dark-accent);color:#f1c40f;color:var(--hero-dark-accent)}body.dark-mode .secondary-cta:hover{background-color:#f1c40f14}.services-section{background:#f4f8fb;background:var(--hero-secondary-bg);opacity:0;padding:5rem 2rem;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease,background .3s ease;transition:opacity .65s ease,transform .65s ease,background var(--transition-speed) ease}.services-section.visible{opacity:1;transform:translateY(0)}body.dark-mode .services-section{background:#141428;background:var(--hero-dark-secondary-bg)}.services-container{margin:0 auto;max-width:1200px;max-width:var(--max-width)}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.service-card{animation:fadeInUp .5s ease forwards;background:#fff;background:var(--hero-bg);border:1px solid #e2e8ed;border:1px solid var(--hero-border);border-left:3px solid #0000;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000000a;opacity:0;overflow:hidden;padding:2rem 1.75rem;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease}.service-card:hover{border-left-color:#124e66;border-left-color:var(--hero-accent);box-shadow:0 12px 32px #124e662e;box-shadow:0 12px 32px var(--hero-shadow);transform:translateY(-6px)}body.dark-mode .service-card{background:#0d0d1a;background:var(--hero-dark-bg);border-color:#252540;border-color:var(--hero-dark-border)}body.dark-mode .service-card:hover{border-left-color:#f1c40f;border-left-color:var(--hero-dark-accent);box-shadow:0 12px 32px #f1c40f33;box-shadow:0 12px 32px var(--hero-dark-shadow)}.service-number{color:#124e6612;font-size:2rem;font-weight:800;line-height:1;pointer-events:none;position:absolute;right:1.3rem;top:1.1rem;transition:color .3s ease;transition:color var(--transition-speed) ease}.service-card:hover .service-number{color:#124e6621}body.dark-mode .service-number{color:#f1c40f14}body.dark-mode .service-card:hover .service-number{color:#f1c40f29}.service-icon{align-items:center;background:#124e66;background:var(--hero-accent);border-radius:12px;color:#fff;display:inline-flex;height:52px;justify-content:center;margin-bottom:1.1rem;transition:background .3s ease;transition:background var(--transition-speed) ease;width:52px}body.dark-mode .service-icon{background:linear-gradient(135deg,#f1c40f,#e6a800);background:linear-gradient(135deg,var(--hero-dark-accent),#e6a800);color:#0d0d1a;color:var(--hero-dark-button-text)}.service-title{color:#1a1a2e;color:var(--hero-text);font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:.6rem}body.dark-mode .service-title{color:#eef0f5;color:var(--hero-dark-text)}.service-description{color:#5a6a7a;color:var(--hero-subtext);font-size:.9rem;line-height:1.65}body.dark-mode .service-description{color:#8a9ab0;color:var(--hero-dark-subtext)}.tech-stack-section{background-color:#fff;background-color:var(--hero-bg);opacity:0;padding:5rem 2rem;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease,background .3s ease;transition:opacity .65s ease,transform .65s ease,background var(--transition-speed) ease}.tech-stack-section.stack-visible{opacity:1;transform:translateY(0)}body.dark-mode .tech-stack-section{background-color:#0d0d1a;background-color:var(--hero-dark-bg)}.tech-groups{display:flex;flex-direction:column;gap:1.75rem;margin:0 auto;max-width:820px}.tech-group{align-items:flex-start;display:flex;gap:1.5rem}.tech-group-label{align-items:center;color:var(--group-color);display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;gap:.45rem;letter-spacing:.09em;min-width:110px;padding-top:.45rem;text-transform:uppercase}.group-dot{background:var(--group-color);border-radius:50%;flex-shrink:0;height:8px;width:8px}.tech-pills{display:flex;flex-wrap:wrap;gap:.55rem}.tech-pill{background:#fff;background:var(--hero-bg);border:1.5px solid var(--pill-color);border-radius:999px;color:#1a1a2e;color:var(--hero-text);cursor:default;font-size:.875rem;font-weight:500;padding:.38rem 1rem;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.tech-pill:hover{background:var(--pill-color);box-shadow:0 4px 12px #0000001f;color:#fff;transform:translateY(-2px)}body.dark-mode .tech-pill{background:#141428;background:var(--hero-dark-secondary-bg);color:#eef0f5;color:var(--hero-dark-text)}body.dark-mode .tech-pill:hover{color:#0d0d1a}.quick-stats{background-color:#f4f8fb;background-color:var(--hero-secondary-bg);padding:5rem 2rem;transition:background .3s ease;transition:background var(--transition-speed) ease}body.dark-mode .quick-stats{background-color:#141428;background-color:var(--hero-dark-secondary-bg)}.stats-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:900px}.stat-card{background:#fff;background:var(--hero-bg);border:1px solid #e2e8ed;border:1px solid var(--hero-border);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 14px #0000000a;padding:2.5rem 2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.stat-card:hover{box-shadow:0 10px 28px #124e662e;box-shadow:0 10px 28px var(--hero-shadow);transform:translateY(-6px)}body.dark-mode .stat-card{background:#0d0d1a;background:var(--hero-dark-bg);border-color:#252540;border-color:var(--hero-dark-border)}body.dark-mode .stat-card:hover{box-shadow:0 10px 28px #f1c40f33;box-shadow:0 10px 28px var(--hero-dark-shadow)}.stat-number{color:#124e66;color:var(--hero-accent);font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:.4rem}.stat-label{color:#5a6a7a;color:var(--hero-subtext);font-size:.95rem;font-weight:500;letter-spacing:.02em}body.dark-mode .stat-number{color:#f1c40f;color:var(--hero-dark-accent)}body.dark-mode .stat-label{color:#8a9ab0;color:var(--hero-dark-subtext)}@media (max-width:768px){.hero-section{margin-top:4rem;padding:5rem 1.5rem 3rem}.hero-container{flex-direction:column;gap:2.5rem;text-align:center}.hero-left,.hero-right{align-items:center;flex:1 1 100%}.hero-right{align-items:center;display:flex;flex-direction:column}.available-badge{margin-left:auto;margin-right:auto}.hero-heading{font-size:2.1rem;justify-content:center}.terminal-cursor{font-size:2rem}.tagline-slide{font-size:1.15rem}.hero-description{font-size:1rem;text-align:justify}.hero-cta-group{justify-content:center}.quick-stats,.services-section,.tech-stack-section{padding:3.5rem 1.5rem}.services-grid{grid-template-columns:1fr}.service-card{margin:0}.tech-group{flex-direction:column;gap:.75rem}.tech-group-label{min-width:0;min-width:auto;padding-top:0}.stats-grid{grid-template-columns:1fr;max-width:360px}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:2.6rem}}@media (max-width:480px){.hero-heading,.terminal-cursor{font-size:1.7rem}.tagline-slide{font-size:1rem}.hero-cta{font-size:.9rem;justify-content:center;max-width:240px;padding:.75rem 1.5rem;width:100%}.section-title{font-size:1.8rem}}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--card-radius:22px;--avatar-size:182px;--sunpillar-clr-1:#49e5f3;--sunpillar-clr-2:#66d2f0;--sunpillar-clr-3:#75caf5;--sunpillar-clr-4:#5fb0f7;--sunpillar-clr-5:#43dbf9;--sunpillar-clr-6:#7ce}.pc-card-wrapper{perspective:600px;position:relative;touch-action:none;transform:translateZ(.1px)}.pc-card-wrapper:before{background-image:none;background-image:var(--behind-gradient);background-size:100% 100%;border-radius:36px;border-radius:calc(var(--card-radius) + 14px);content:"";filter:blur(44px) opacity(.5);inset:-16px;pointer-events:none;position:absolute;transform:scale(.82) translateZ(.1px);transition:filter .5s ease,transform .5s ease}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:blur(52px) opacity(1);transform:scale(.96) translateZ(.1px)}.pc-card{animation:pc-border-shift 8s ease infinite;aspect-ratio:9/13;background:linear-gradient(145deg,#1f8aad,#10304c 30%,#0e2034 55%,#16435a 78%,#1f8aad);background-size:300% 300%;border-radius:22px;border-radius:var(--card-radius);box-shadow:0 24px 64px #000000a6,0 8px 24px #0006,inset 0 1px 0 hsla(0,0%,100%,.055);max-height:460px;min-height:370px;overflow:hidden;position:relative;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);transition:transform 1s ease;width:100%}@keyframes pc-border-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pc-card.active,.pc-card:hover{transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-inside{background-color:#070f1c;background-image:radial-gradient(ellipse 80% 50% at 78% 8%,#1a7a9a21 0,#0000 65%),radial-gradient(ellipse 65% 55% at 18% 92%,#0f445f1a 0,#0000 65%),none;background-image:radial-gradient(ellipse 80% 50% at 78% 8%,#1a7a9a21 0,#0000 65%),radial-gradient(ellipse 65% 55% at 18% 92%,#0f445f1a 0,#0000 65%),var(--inner-gradient);border-radius:20.5px;border-radius:calc(var(--card-radius) - 1.5px);inset:1.5px;overflow:hidden;position:absolute}.pc-inside:before{background-image:radial-gradient(circle,#1a7a9a24 1px,#0000 0);background-size:22px 22px;inset:0;opacity:.6;z-index:0}.pc-inside:after,.pc-inside:before{content:"";pointer-events:none;position:absolute}.pc-inside:after{background:linear-gradient(90deg,#0000,#58d2eb8c 38%,#a0ecfceb 50%,#58d2eb8c 62%,#0000);height:1px;left:12%;right:12%;top:0;z-index:1}.pc-shine{--space:5%;--angle:-45deg;animation:pc-holo 18s linear infinite;background-blend-mode:color,hard-light;background-image:repeating-linear-gradient(0deg,#49e5f3 calc(var(--space)*1),#66d2f0 calc(var(--space)*2),#75caf5 calc(var(--space)*3),#5fb0f7 calc(var(--space)*4),#43dbf9 calc(var(--space)*5),#7ce calc(var(--space)*6),#49e5f3 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#060f1c 0,#6a92a0 3.8%,#72acc0 4.5%,#6a92a0 5.2%,#060f1c 10%,#060f1c 12%),radial-gradient(farthest-corner circle at 50% 50%,#0000001a 12%,#00000026 20%,#00000040 120%);background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#060f1c 0,#6a92a0 3.8%,#72acc0 4.5%,#6a92a0 5.2%,#060f1c 10%,#060f1c 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:0 50%,50% 50%,50%;background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-size:500% 500%,300% 300%,200% 200%;border-radius:inherit;filter:brightness(.5) contrast(1.4) saturate(.3) opacity(.4);inset:0;-webkit-mask-image:none;mask-image:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-position:top -50% left 50%;mask-position:top -50% left 50%;-webkit-mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;mix-blend-mode:color-dodge;pointer-events:none;position:absolute;z-index:2}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{animation:none;filter:brightness(.85) contrast(1.5) saturate(.55)}@keyframes pc-holo{0%{background-position:0 50%,0 0,50%;background-position:0 var(--background-y),0 0,50%}to{background-position:0 50%,90% 90%,50%;background-position:0 var(--background-y),90% 90%,50%}}.pc-glare{background-image:radial-gradient(farthest-corner circle at 50% 50%,#9fcfdf57 12%,#152e4780 90%);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#9fcfdf57 12%,#152e4780 90%);filter:brightness(.9) contrast(1.1);mix-blend-mode:overlay;pointer-events:none;z-index:3}.pc-content.pc-avatar-content,.pc-glare{border-radius:inherit;inset:0;position:absolute}.pc-content.pc-avatar-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 1.25rem 1rem;transform:translate3d(0,0,.1px);transform:translate3d(calc(var(--pointer-from-left)*-5px + 2.5px),calc(var(--pointer-from-top)*-5px + 2.5px),.1px);z-index:5}.pc-avatar-frame{animation:pc-avatar-glow 3.5s ease-in-out infinite;border:2px solid #1e9bbccc;border-radius:50%;box-shadow:0 0 0 4px #124e6638,0 0 20px #1a7a9a85,0 0 44px #124e6642,0 8px 24px #00000085;flex-shrink:0;height:182px;height:var(--avatar-size);margin-bottom:1.1rem;overflow:hidden;position:relative;width:182px;width:var(--avatar-size)}@keyframes pc-avatar-glow{0%,to{box-shadow:0 0 0 4px #124e6638,0 0 20px #1a7a9a85,0 0 44px #124e6642,0 8px 24px #00000085}50%{box-shadow:0 0 0 5px #124e6652,0 0 28px #1a7a9abd,0 0 58px #124e665c,0 8px 28px #00000094}}.pc-avatar-frame img{display:block;height:100%;inset:0;object-fit:cover;object-position:top center;position:absolute;width:100%}.pc-name-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;padding:0 .5rem;text-align:center;width:100%}.pc-name{color:#edf3fa;font-size:1.25rem;font-weight:700;letter-spacing:.01em;line-height:1.2;text-shadow:0 2px 18px #000c}.pc-card-title{color:#58d2ebe0;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-shadow:0 1px 8px #0000008c;text-transform:uppercase}.pc-name-section:after{background:linear-gradient(90deg,#0000,#58d2eb9e 35%,#a0ecfceb 50%,#58d2eb9e 65%,#0000);border-radius:1px;content:"";display:block;height:1.5px;margin-top:.55rem;width:36px}.pc-user-info{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#050b16c2;border:1px solid #1a7a9a38;border-radius:12px;box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:10px;justify-content:space-between;margin-top:auto;padding:10px 12px;pointer-events:auto;width:100%}.pc-user-details,.pc-user-info{align-items:center;display:flex}.pc-user-details{gap:40px}.pc-mini-avatar{border:1.5px solid #1a7a9a73;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.pc-mini-avatar img{display:block;height:100%;object-fit:cover;width:100%}.pc-user-text{display:flex;flex-direction:column;gap:3px}.pc-handle{color:#e6f2fce0;font-size:12.5px;font-weight:600;letter-spacing:.01em;line-height:1}.pc-status{align-items:center;color:#e6f2fc80;display:flex;font-size:10.5px;gap:5px;line-height:1}.pc-status-dot{animation:pc-status-pulse 2.2s ease-in-out infinite;background:#22d98a;border-radius:50%;box-shadow:0 0 6px #22d98ab3;flex-shrink:0;height:6px;width:6px}@keyframes pc-status-pulse{0%,to{box-shadow:0 0 4px #22d98a80}50%{box-shadow:0 0 10px #22d98aeb}}.pc-contact-btn{background:linear-gradient(135deg,#12506af5,#1a7a9ae0);border:1px solid #58afd161;border-radius:9px;color:#ffffffed;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:7px 14px;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;white-space:nowrap}.pc-contact-btn:hover{background:linear-gradient(135deg,#166484,#2294b4f5);box-shadow:0 4px 18px #124e6699,0 0 0 1px #58d2eb42;transform:translateY(-1px)}.pc-contact-btn:active{box-shadow:none;transform:translateY(0)}.hero-left .profile-card-custom{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:320px;width:100%}.hero-left .profile-card-custom .pc-card{max-height:440px;min-height:355px;width:100%}@media (max-width:768px){:root{--avatar-size:98px}.pc-card{max-height:400px;min-height:320px}.pc-content.pc-avatar-content{padding:1.6rem 1rem .9rem}.pc-name{font-size:1.1rem}.pc-card-title{font-size:.61rem}.pc-handle{font-size:11.5px}.pc-status{font-size:10px}.pc-user-info{padding:8px 10px}.pc-mini-avatar{height:32px;width:32px}.pc-contact-btn{font-size:10.5px;padding:6px 11px}.hero-left .profile-card-custom .pc-card{max-height:385px;min-height:305px}}@media (max-width:480px){:root{--avatar-size:84px}.pc-card{max-height:360px;min-height:290px}.pc-content.pc-avatar-content{padding:1.3rem .9rem .8rem}.pc-name{font-size:1rem}.pc-card-title{font-size:.57rem;letter-spacing:.14em}.pc-handle{font-size:11px}.pc-status{font-size:9.5px}.pc-status-dot{height:5px;width:5px}.pc-user-info{border-radius:10px;padding:7px 9px}.pc-mini-avatar{height:28px;width:28px}.pc-contact-btn{border-radius:7px;font-size:10px;padding:5px 9px}.hero-left .profile-card-custom .pc-card{max-height:345px;min-height:278px}.pc-user-details{gap:10px}}@media (max-width:360px){:root{--avatar-size:74px}.pc-card{max-height:314px;min-height:262px}.pc-name{font-size:.9rem}.pc-card-title,.pc-name-section:after{display:none}.pc-user-info{padding:6px 8px}.pc-mini-avatar{height:24px;width:24px}.pc-handle{font-size:10.5px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:6px;font-size:9.5px;padding:4px 8px}.hero-left .profile-card-custom .pc-card{max-height:298px;min-height:252px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{padding:2rem}
/*# sourceMappingURL=main.c110fc31.css.map*/