.my-network { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 5rem; color: #10213f; }
.my-network-hero { position: relative; overflow: hidden; padding: clamp(1.7rem,5vw,4.4rem); display: grid; grid-template-columns: minmax(0,1.4fr) minmax(240px,.6fr); gap: 2rem; align-items: center; border-radius: 2rem; color: #fff; background: linear-gradient(135deg,#041a39,#0b57d0 66%,#10a99f); box-shadow: 0 24px 70px rgba(5,34,74,.2); }
.my-network-hero::after { content:""; position:absolute; right:-7rem; bottom:-10rem; width:25rem; height:25rem; border:5rem solid rgba(255,255,255,.07); border-radius:50%; }
.my-network-hero > * { position:relative; z-index:1; }
.my-network-hero h1 { margin:.55rem 0 .75rem; max-width:760px; font-size:clamp(2.4rem,7vw,5.4rem); line-height:.95; letter-spacing:-.055em; }
.my-network-hero p { margin:0; max-width:680px; color:#e5f2ff; font-size:clamp(1rem,2vw,1.16rem); line-height:1.65; }
.my-network-kicker { font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.my-network-level { padding:1.25rem; border:1px solid rgba(255,255,255,.24); border-radius:1.3rem; background:rgba(255,255,255,.12); backdrop-filter:blur(12px); }
.my-network-level span,.my-network-level small { color:#dfedff; }
.my-network-level strong { display:block; margin:.35rem 0; font-size:3.5rem; line-height:1; }
.my-network-track { height:.65rem; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.2); }
.my-network-track i { display:block; height:100%; border-radius:inherit; background:#76eadf; }
.my-network-stats { position:relative; z-index:2; margin:-1rem 1.2rem 0; padding:1rem; display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; border:1px solid #dce6f2; border-radius:1.25rem; background:#fff; box-shadow:0 14px 40px rgba(5,34,74,.09); }
.my-network-stat span { display:block; color:#65748a; font-size:.72rem; font-weight:850; text-transform:uppercase; }
.my-network-stat strong { display:block; margin:.3rem 0; color:#0b57d0; font-size:1.7rem; }
.my-network-stat small { color:#65748a; }
.my-network-section { margin-top:3rem; }
.my-network-head { max-width:780px; margin-bottom:1.1rem; }
.my-network-head span { color:#0b57d0; font-size:.75rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.my-network-head h2 { margin:.35rem 0 .5rem; font-size:clamp(1.7rem,4vw,2.7rem); line-height:1.05; letter-spacing:-.04em; }
.my-network-head p { margin:0; color:#5b6b82; line-height:1.65; }
.my-network-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.my-network-panel { padding:1.25rem; border:1px solid #dce6f2; border-radius:1.25rem; background:#fff; box-shadow:0 12px 32px rgba(5,34,74,.055); }
.my-network-panel h3 { margin:0 0 .45rem; }
.my-network-panel > p { margin:.25rem 0; color:#5b6b82; line-height:1.55; }
.my-network-goal-form { margin-top:1rem; display:grid; grid-template-columns:1fr auto; gap:.65rem; }
.my-network-goal-form select { min-height:46px; padding:.65rem .8rem; border:1px solid #c8d6e7; border-radius:.75rem; background:#fff; }
.my-network-goal-form button,.my-network-action { min-height:46px; padding:.7rem .95rem; border:0; border-radius:.75rem; color:#fff; background:#0b57d0; font:inherit; font-weight:850; cursor:pointer; text-decoration:none; }
.my-network-progress { height:.75rem; margin:.85rem 0 .4rem; overflow:hidden; border-radius:999px; background:#e6edf6; }
.my-network-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0b57d0,#10a99f); }
.my-network-progress-copy { display:flex; justify-content:space-between; gap:1rem; color:#5b6b82; font-size:.82rem; }
.my-network-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }
.my-network-project { padding:1rem; border:1px solid #dce6f2; border-radius:1rem; background:#fff; }
.my-network-project header { display:flex; align-items:center; gap:.7rem; }
.my-network-project img { width:46px; height:46px; object-fit:contain; border-radius:.7rem; }
.my-network-project h3 { margin:0; font-size:1rem; }
.my-network-project header span { color:#66768c; font-size:.75rem; }
.my-network-project p { min-height:2.8em; color:#5b6b82; font-size:.84rem; line-height:1.5; }
.my-network-project a { color:#0b57d0; font-weight:850; text-decoration:none; }
.my-network-activity { display:grid; gap:.65rem; }
.my-network-event { padding:.75rem .85rem; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; border:1px solid #e2e9f2; border-radius:.8rem; }
.my-network-event > span:first-child { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.6rem; color:#fff; background:#0b57d0; font-size:.75rem; font-weight:900; }
.my-network-event strong,.my-network-event small { display:block; }
.my-network-event small,.my-network-event time { color:#66768c; font-size:.76rem; }
.my-network-empty { padding:1rem; border:1px dashed #bdcce0; border-radius:.8rem; color:#66768c; background:#f8fafd; text-align:center; }
.my-network-privacy { padding:1.1rem; display:flex; gap:.9rem; border:1px solid #cfe0f3; border-radius:1rem; background:#eef6ff; }
.my-network-privacy > span { flex:0 0 auto; display:grid; place-items:center; width:2.4rem; height:2.4rem; border-radius:50%; color:#fff; background:#0b57d0; font-weight:900; }
.my-network-privacy strong { display:block; }.my-network-privacy p { margin:.2rem 0 0; color:#52627b; line-height:1.55; }
@media(max-width:850px){.my-network-hero{grid-template-columns:1fr}.my-network-stats{grid-template-columns:repeat(2,1fr)}.my-network-projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.my-network{width:min(100% - 1rem,1180px);padding-top:.75rem}.my-network-hero{padding:1.35rem;border-radius:1.35rem}.my-network-stats{margin:.75rem 0 0}.my-network-grid,.my-network-projects{grid-template-columns:1fr}.my-network-goal-form{grid-template-columns:1fr}.my-network-event{grid-template-columns:auto 1fr}.my-network-event time{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}