:root{--bg: #ffffff;--ink: #0b1228;--muted: #55627a;--primary: #0a66ff;--primary-600: #0959e0;--line: #e8eef8;--glass: rgba(255, 255, 255, .6);--glass-strong: rgba(255, 255, 255, .86);--outline: rgba(255, 255, 255, .55);--shadow: 0 12px 32px rgba(10, 102, 255, .1), 0 8px 18px rgba(15, 23, 42, .06);--maxw: 1160px;--r-xxl: 22px;--r-xl: 18px;--r-lg: 14px;--header-h: 72px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;font-family:Radio Canada,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px;overflow-x:hidden;position:relative}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.container{width:min(100%,var(--maxw));margin:0 auto;padding-inline:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.scale-in{animation:scaleIn .6s ease-out forwards;opacity:0}.slide-in-left{animation:slideInLeft .8s ease-out forwards;opacity:0}.slide-in-right{animation:slideInRight .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.header-wrap{position:fixed;inset-inline:0;inset-block-start:16px;z-index:50;display:flex;justify-content:center;padding-inline:16px;pointer-events:none;max-width:100vw}.header{pointer-events:auto;width:min(calc(100% - 32px),var(--maxw));max-width:100%;background:var(--glass);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border:1px solid var(--outline);border-radius:var(--r-xxl);box-shadow:var(--shadow);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .3s ease}.brand{display:flex;align-items:center;gap:10px;transition:transform .3s ease}.brand:hover{transform:scale(1.05)}.logo{inline-size:36px;block-size:36px;transition:transform .4s ease}nav{display:flex;align-items:center;gap:6px}.link{padding:8px 12px;border-radius:12px;color:#3b4a6a;transition:all .2s;position:relative;overflow:hidden}.link:before{content:"";position:absolute;inset:0;background:#0a66ff0f;transform:translateY(100%);transition:transform .3s ease;border-radius:12px}.link:hover:before{transform:translateY(0)}.link:hover{color:var(--ink)}.link span{position:relative;z-index:1}.cta{padding:9px 13px;border-radius:12px;background:var(--primary);color:#fff;box-shadow:var(--shadow);font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s}.cta:hover:before{opacity:1}.cta:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 16px 40px #0a66ff4d}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.menu:hover{background:#f7faff;border-color:#cfe0ff}main{padding-top:calc(var(--header-h) + 48px)}section{scroll-margin-top:calc(var(--header-h) + 24px);padding:60px 0}h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:0;font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(24px,3.5vw,38px);line-height:1.2;margin:0;font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(20px,2.5vw,28px);line-height:1.3;margin:0;font-weight:700}p{margin:0;line-height:1.6}.muted{color:var(--muted)}.hero{padding:100px 0;text-align:center;position:relative;overflow:visible}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,#eef4ff,#e3f0ff);border:1px solid #d0e3ff;border-radius:999px;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:24px;transition:all .3s ease}.hero-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a66ff26}.hero-title{max-width:900px;margin:0 auto 20px;background:linear-gradient(135deg,#0b1228,#1e3a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{max-width:680px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:1px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:60px}.btn{padding:14px 28px;border-radius:14px;font-weight:600;font-size:16px;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 24px #0a66ff40,0 4px 12px #0a66ff26}.btn-primary:hover{background:var(--primary-600);transform:translateY(-3px);box-shadow:0 16px 40px #0a66ff59,0 8px 20px #0a66ff33}.btn-secondary{background:#f7faff;color:var(--ink);border:1px solid #e6ecff}.btn-secondary:hover{background:#fff;border-color:#d0e3ff;transform:translateY(-2px);box-shadow:0 8px 24px #0a66ff1f}.hero-visual{max-width:900px;margin:0 auto;position:relative;height:240px;display:flex;align-items:center;justify-content:center}.network-container{position:relative;width:100%;height:100%;overflow:visible}.node{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.node-outer{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#0a66ff14,#0a66ff08);border:2px solid rgba(10,102,255,.15);display:flex;align-items:center;justify-content:center;animation:nodeFloat 3s ease-in-out infinite;position:relative}.node-outer:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(10,102,255,.15) 0%,transparent 70%);animation:nodePulse 2s ease-in-out infinite}.node-inner{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#0959e0 100%);box-shadow:0 8px 24px #0a66ff59,0 0 40px #0a66ff33;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;animation:nodeGlow 2s ease-in-out infinite}.node-icon{width:24px;height:24px}.connections{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.connection-line{stroke:url(#lineGradient);stroke-width:2;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-out forwards;opacity:.4}.node:nth-child(1){top:15%;left:5%;animation-delay:0s}.node:nth-child(1) .node-outer{animation-delay:0s}.node:nth-child(1) .node-inner{animation-delay:0s}.node:nth-child(2){top:60%;left:15%;animation-delay:.2s}.node:nth-child(2) .node-outer{animation-delay:.2s}.node:nth-child(2) .node-inner{animation-delay:.2s}.node:nth-child(3){top:45%;left:50%;transform:translate(-50%);animation-delay:.4s}.node:nth-child(3) .node-outer{animation-delay:.4s}.node:nth-child(3) .node-inner{animation-delay:.4s}.node:nth-child(4){top:60%;right:15%;animation-delay:.6s}.node:nth-child(4) .node-outer{animation-delay:.6s}.node:nth-child(4) .node-inner{animation-delay:.6s}.node:nth-child(5){top:15%;right:5%;animation-delay:.8s}.node:nth-child(5) .node-outer{animation-delay:.8s}.node:nth-child(5) .node-inner{animation-delay:.8s}@keyframes nodeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@keyframes nodePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes nodeGlow{0%,to{box-shadow:0 8px 24px #0a66ff59,0 0 40px #0a66ff33}50%{box-shadow:0 12px 32px #0a66ff80,0 0 60px #0a66ff4d}}@keyframes drawLine{to{stroke-dashoffset:0}}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;animation:particleFloat 4s ease-in-out infinite;opacity:0}@keyframes particleFloat{0%{opacity:0;transform:translate(0) scale(0)}10%{opacity:.6;transform:translate(20px,-20px) scale(1)}90%{opacity:.6}to{opacity:0;transform:translate(100px,-80px) scale(0)}}.about{padding:80px 0;position:relative;max-width:1100px}.about:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.about-wrap{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:center;margin:0 auto}.avatar{width:160px;height:160px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #0a66ff14}.avatar img{width:100%;height:100%;object-fit:cover}.about h2{margin-bottom:16px}.about p{color:var(--muted);font-size:17px;line-height:1.8}.projects{padding:80px 0;position:relative;max-width:1100px}.projects:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.projects .section-header{text-align:center;max-width:700px;margin:0 auto 48px}.projects .section-header h2{margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card{height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 6px 20px #0a66ff14;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s;min-height:320px;overflow:hidden;cursor:pointer;position:relative}.card:focus-visible{outline:3px solid color-mix(in oklch,var(--primary),white 30%);outline-offset:2px}.card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-title{font-weight:700;font-size:18px;line-height:1.3;transition:color .3s}.card-desc{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--clamp-lines) * 1.6em)}.card-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.card-tags .chip{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:#f3f6ff;color:#445;border:1px solid #e6ecff}.cta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.cta-text{font-size:13px;font-weight:600;color:#111827;opacity:.9}.card:hover .arrow{transform:translate(4px)}.card-media{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#f6f9ff,#eef4ff);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card:hover .card-media img{transform:scale(1.06)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,102,255,.03) 0%,transparent 50%);opacity:0;transition:opacity .4s}.card:hover{transform:translateY(-8px) scale(1.02);border-color:#b8d4ff;box-shadow:0 20px 50px #0a66ff2e}.card:hover:before{opacity:1}.card:hover .card-title{color:var(--primary)}.cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.cta-text{font-size:13px;font-weight:600;color:#fff;opacity:.9}.arrow{transition:transform .25s ease,opacity .25s ease;opacity:.9}@media(prefers-reduced-motion:reduce){.card,.card-media img,.arrow{transition:none}.card:hover{transform:none}}.contact{padding:80px 0 60px;position:relative;max-width:1100px}.contact:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.contact .section-header{text-align:center;margin:0 auto 48px}.contact .section-header h2{margin-bottom:12px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:0 auto}.contact-item{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:20px;padding:28px 32px;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.contact-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,102,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s}.contact-item:hover{transform:translate(8px);border-color:#b8d4ff;box-shadow:0 12px 32px #0a66ff26}.contact-item:hover:before{opacity:1}.contact-item-icon{width:56px;height:56px;min-width:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,#0959e0 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0a66ff40;transition:all .4s ease;position:relative;z-index:1}.contact-item:hover .contact-item-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 28px #0a66ff59}.contact-item-content{flex:1;min-width:0;position:relative;z-index:1}.contact-item-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-item-value{font-size:17px;font-weight:700;color:var(--ink);word-break:break-word;transition:color .3s}.contact-item:hover .contact-item-value{color:var(--primary)}.contact-item-arrow{width:24px;height:24px;min-width:24px;color:var(--muted);transition:all .4s ease;position:relative;z-index:1}.contact-item:hover .contact-item-arrow{color:var(--primary);transform:translate(4px)}footer{padding:10px 0 20px;border-top:1px solid var(--line);margin-top:40px}.foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.links{display:flex;gap:12px;flex-wrap:wrap}.links .link{padding:8px 12px;font-size:14px}.soft{color:var(--muted);font-size:14px}@media(max-width:980px){nav{display:none}.menu{display:inline-flex}.about-wrap{grid-template-columns:120px 1fr;gap:24px}.avatar{width:120px;height:120px;border-radius:18px}.hero{padding:100px 0}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.contact-grid{grid-template-columns:1fr}.header-wrap{padding-inline:12px}.header{width:calc(100% - 24px);padding:8px 12px}.brand{gap:8px}.brand strong{font-size:15px}.logo{inline-size:32px;block-size:32px}}@media(max-width:640px){.hero-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.about{padding-top:60px}.about-wrap,.about-wrap-p{grid-template-columns:1fr;gap:20px}.avatar{width:140px;height:140px;margin:0 auto}section{padding:50px 0}.projects,.contact,.about{padding:60px 0}.header-wrap{padding-inline:16px;inset-block-start:12px}.header{width:100%;padding:10px 14px;border-radius:18px}.container{padding-inline:20px}.sheet-panel{inset-inline:10px;inset-block-start:100px;max-width:350px;background-color:#fff;margin-top:90px;border-radius:16px;opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.sheet.active .sheet-panel{transform:translateY(0);opacity:1}.hero-visual{height:320px}.node{width:60px;height:60px}.node-inner{width:36px;height:36px}.node-icon{width:18px;height:18px}.node:nth-child(1){top:10%;left:10%}.node:nth-child(2){top:65%;left:15%}.node:nth-child(3){top:40%;left:50%}.node:nth-child(4){top:65%;right:15%}.node:nth-child(5){top:10%;right:10%}.connections{width:100%;height:100%}.hero{overflow:visible}.network-container{width:100%;height:100%;overflow:visible}}.sheet{position:fixed;inset:0;background:#0a12243d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:40;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet.active{opacity:1;visibility:visible}.sheet-panel a{display:block;padding:14px 16px;border-radius:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.sheet-panel a:before{content:"";position:absolute;inset:0;background:#0a66ff0f;transform:translate(-100%);transition:transform .3s ease;border-radius:14px}.sheet-panel a:hover:before{transform:translate(0)}.sheet-panel a:hover{color:var(--primary)}.sheet-panel a span{position:relative;z-index:1}.vh{position:absolute!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.hamburger{display:inline-block;width:20px;height:14px;position:relative}.hamburger span{position:absolute;left:0;right:0;height:2px;background:#0b1228;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:6px}.hamburger span:nth-child(3){top:12px}.menu[aria-expanded=true] .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] .hamburger span:nth-child(2){opacity:0;transform:translate(20px)}.menu[aria-expanded=true] .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.node-outer,.node-inner,.particle,.connection-line{animation:none!important}}