.connections-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#7752d0,#4d2b90);border-radius:25px;color:#fff;padding:37px 40px;min-height:370px}.connections-hero>div:first-child{max-width:56%;position:relative;z-index:2}.connection-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff40;border-radius:30px;padding:7px 11px;font-size:8px;letter-spacing:1.4px;color:#eee3ff}.connection-pill svg{height:15px;width:15px}.connections-hero h2{font-size:46px;line-height:1.07;letter-spacing:-1.8px;margin:23px 0 18px;color:#fff}.connections-hero em{color:#f1ceac;font-style:normal}.connections-hero p{font-size:13px;line-height:1.85;color:#e1d3f5;max-width:390px}.connections-hero small{display:block;font-size:9px;line-height:1.7;color:#d9c8f1;margin-top:17px}.connection-orbits{position:absolute;right:0;top:0;bottom:0;width:45%;display:grid;place-items:center;z-index:1}.connection-orbits>i{width:300px;height:300px;border:1px solid #ccb3f34d;border-radius:50%;position:absolute;transform:rotate(-25deg)}.connection-orbits>i:nth-child(2){width:350px;height:200px;transform:rotate(30deg)}.connection-centre{width:140px;height:140px;border-radius:38px;background:linear-gradient(135deg,#f5dfc6,#d8abd8);color:#7d4eac;display:grid;place-items:center;box-shadow:15px 20px 30px #32135e33;transform:rotate(-10deg)}.connection-centre svg{width:75px;height:75px;stroke-width:1.1}.orbit-node{position:absolute;border:1px solid #fff8;box-shadow:0 15px 24px #23103b30;border-radius:15px;background:#fff;color:#74518c;font:800 28px Manrope;padding:17px 22px;transform:rotate(8deg)}.orbit-node small{font-size:6px;color:#a086b1;letter-spacing:1.5px;margin:5px 0 0;display:block}.node-a{top:18%;right:10%}.node-b{bottom:15%;left:9%;transform:rotate(-8deg)}.orbit-dot{position:absolute;left:12%;top:26%;width:20px;height:20px;border-radius:50%;background:#f2c695;box-shadow:0 0 0 7px #f5d3aa13}.connection-ledger{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:20px 0 28px;background:#fff;border:1px solid #e9e1f2;border-radius:19px;padding:25px 29px}.connection-ledger>div>span{font-size:9px;letter-spacing:1.4px;color:#9984aa}.connection-ledger>div>strong{font:800 34px Manrope;color:#53376e;display:block;margin:11px 0;letter-spacing:-1.1px}.connection-ledger small{font-size:11px;color:#a08bab;line-height:1.7;display:block;max-width:540px}.invite-panel{scroll-margin-top:90px}.invite-label,.message-studio label{font-size:12px;color:#897296;font-weight:600;display:block;margin:18px 0 9px}.invite-link-box{display:flex;gap:10px}.invite-link-box input{min-width:0;flex:1;padding:14px 16px;border:1px solid #e4d9ee;background:#f8f4fd;border-radius:11px;font-size:13px;color:#78548e}.invite-meta{display:flex;justify-content:space-between;gap:14px;margin:13px 0 20px;font-size:10px;color:#ad9aba;line-height:1.7}.invite-meta strong{color:#8a6ba1;font-weight:500}.share-buttons{display:flex;gap:12px;margin:18px 0}.share-buttons .button{flex:1;max-width:300px}.whatsapp-share{background:#edf5f0;border:1px solid #cde1d3;color:#518262}.whatsapp-share:hover{background:#e1efe5}.share-feedback{font-size:12px;color:#75518e;min-height:20px;margin:15px 0 0}.connection-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.connection-funnel>div{padding:22px 24px;border:1px solid #e9e1ef;border-radius:17px;background:#fff;position:relative}.connection-funnel span{font:800 30px Manrope;color:#8060a6;display:block;margin-bottom:12px}.connection-funnel strong{font-size:12px;color:#796185;display:block;line-height:1.7}.connection-funnel small{font-size:10px;color:#a18bac;line-height:1.7;display:block;margin-top:5px}.connection-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px}.connection-rules h2{font-size:23px}.connection-rules p{font-size:13px;line-height:1.9}.reward-icon{width:44px;height:44px;display:grid;place-items:center;background:#f0e8fa;border-radius:13px;color:#9973be;margin-bottom:21px}.peach-icon{background:#f9e9dc;color:#c19472}.reward-equation{display:block;background:#f8f5fc;border-radius:11px;padding:14px;font:700 15px Manrope;color:#8a65a5;line-height:1.7}.reward-equation small{font-size:9px;font-weight:400}.connection-calculator .section-heading>svg{height:30px;width:30px;color:#bea4d1}.connection-calculator>p,.message-studio>p{font-size:13px}.calculator-fields{display:grid;grid-template-columns:.85fr 1.25fr 1fr;gap:16px;margin:24px 0}.calculator-fields label{font-size:11px;line-height:1.7;color:#947ca3}.calculator-fields input,.calculator-fields select,.message-studio select,.message-studio textarea{width:100%;display:block;background:#faf7fd;border:1px solid #e9dff0;border-radius:11px;padding:13px;min-height:48px;font:inherit;color:#755583;margin-top:9px}.message-studio textarea{resize:vertical;font-size:14px;line-height:1.9}.calc-result{display:flex;align-items:center;gap:22px;background:#f1eaf9;padding:24px;border-radius:15px;flex-wrap:wrap}.calc-result span{font-size:10px;color:#9a7faf;display:block;line-height:1.7}.calc-result strong{font:700 20px Manrope;color:#8b64a2;display:block;margin-top:8px}.calc-result>b{font-size:23px;color:#c5b1d8;font-weight:400}.calc-total{margin-left:auto;border-left:1px solid #ded0ec;padding-left:24px}.calc-total output{font:800 28px Manrope;letter-spacing:-.8px;color:#624078;display:block;margin-top:8px}.connection-empty{text-align:center;padding:35px 20px}.connection-empty>svg{height:50px;width:50px;color:#b59acb;margin-bottom:20px;stroke-width:1}.connection-empty h3{font-size:21px}.connection-empty p{font-size:13px;max-width:430px;margin:0 auto 15px}.friend-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #f0e8f5}.friend-row>div{min-width:0}.friend-row>div>strong{font-size:13px;color:#755a85}.friend-row>div>strong small{font-weight:400;color:#bba7c5;font-size:9px}.friend-row>div>span{display:block;font-size:10px;color:#ac96b8;margin-top:6px}.friend-row>strong{margin-left:auto;font-size:14px;text-align:right;color:#8a66a3;white-space:nowrap}.friend-row>strong small{display:block;font-size:9px;font-weight:400;color:#b39dc1;margin-top:5px}.commission-history{margin-top:22px}.commission-history summary,.connection-faq summary{padding:15px 0;min-height:48px;font-size:13px;color:#8c6fa0;cursor:pointer;line-height:1.7}.connection-faq details{border-bottom:1px solid #eee6f4}.connection-faq details p{font-size:13px;line-height:1.9;padding-bottom:8px}.ref-wallet-widget{display:flex;align-items:center;gap:15px;padding:21px 23px;background:#efe8f8;border:1px solid #e0d2ee;border-radius:17px;margin:22px 0}.ref-widget-icon{width:43px;height:43px;background:#e3d6f1;color:#9270b1;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.ref-wallet-widget>div{min-width:0}.ref-wallet-widget>div>strong{font-size:15px;display:block;color:#79568f}.ref-wallet-widget>div>span{font-size:10px;line-height:1.7;display:block;margin-top:6px;color:#a087b2}.ref-wallet-widget>strong{margin-left:auto;font-size:17px;color:#76508e;white-space:nowrap}.ref-wallet-widget>strong svg{height:16px;width:16px;margin-left:6px}.invite-landing{max-width:620px;margin:20px auto;text-align:center;padding:35px 20px}.invitation-orbit{width:85px;height:85px;border-radius:25px;background:#e9ddf6;display:grid;place-items:center;color:#a07abd;margin:0 auto 30px;transform:rotate(-8deg)}.invitation-orbit svg{width:44px;height:44px}.invite-landing h1{font-size:38px;line-height:1.25}.invite-landing>p{font-size:15px;line-height:1.85}.invite-landing .notice{font-size:13px;text-align:left;line-height:1.85;margin:27px 0}.invite-landing>.text-link{display:flex;justify-content:center;margin-top:16px}.invite-landing>small{display:block;font-size:11px;color:#a48daf;margin-top:28px}.ref-consent{display:flex!important;gap:10px;align-items:flex-start;line-height:1.7;font-size:12px!important;margin:12px 0 0!important}.ref-consent input[type=checkbox]{width:20px!important;min-height:20px!important;height:20px;flex-shrink:0;margin:2px 0!important;accent-color:#7951b8}
@media(max-width:768px){.connections-hero{padding:27px 24px;border-radius:22px;min-height:0}.connections-hero>div:first-child{max-width:none}.connection-pill{font-size:7px;letter-spacing:1px}.connections-hero h2{font-size:37px;line-height:1.1;letter-spacing:-1.4px;max-width:280px}.connections-hero p{font-size:13px;max-width:260px;color:#eee2fc}.connections-hero .button{width:100%;min-height:49px}.connections-hero small{font-size:10px;line-height:1.8}.connection-orbits{width:160px;right:-80px;opacity:.18;pointer-events:none;z-index:0}.connection-centre{width:120px;height:120px}.orbit-node,.orbit-dot{display:none}.connection-orbits>i{width:240px;height:280px}.connection-orbits>i:nth-child(2){width:220px;height:150px}.connection-ledger{display:block;padding:23px}.connection-ledger>div>strong{font-size:31px}.connection-ledger small{font-size:12px}.connection-ledger .text-link{margin-top:13px}.invite-panel h2{font-size:24px}.invite-panel .section-heading{align-items:flex-start}.invite-panel .section-heading .pill{font-size:9px;padding:8px 10px}.invite-link-box{display:block}.invite-link-box input{width:100%;font-size:16px;padding:15px 12px;min-height:52px}.invite-link-box .button{width:100%;margin-top:10px}.invite-meta{flex-direction:column;gap:5px;font-size:11px}.share-buttons{gap:10px}.share-buttons .button{min-width:0;font-size:12px;padding:13px 10px;gap:8px;max-width:none}.invite-panel>.muted{font-size:12px}.connection-funnel{gap:9px;margin:20px 0}.connection-funnel>div{padding:17px 11px}.connection-funnel span{font-size:26px}.connection-funnel strong{font-size:11px;line-height:1.5}.connection-funnel small{font-size:9px;line-height:1.6}.connection-rules{grid-template-columns:1fr;gap:0}.connection-rules h2{font-size:24px}.connection-rules p{font-size:14px}.reward-equation{font-size:15px;padding:14px 12px}.calculator-fields{grid-template-columns:1fr;gap:16px}.calculator-fields label{font-size:13px}.calculator-fields input,.calculator-fields select,.message-studio select,.message-studio textarea{font-size:16px;min-height:52px}.calc-result{padding:21px 18px;gap:13px}.calc-result>div:not(.calc-total){flex:1;min-width:0}.calc-result strong{font-size:17px;overflow-wrap:anywhere}.calc-result span{font-size:10px}.calc-total{width:100%;flex-basis:100%;border-left:0;border-top:1px solid #deceec;margin:4px 0 0;padding:16px 0 0}.calc-total output{font-size:30px}.message-studio label{font-size:13px}.message-studio textarea{line-height:1.8}.message-studio .share-buttons{flex-direction:column}.connection-empty{padding:25px 0}.connection-empty p{font-size:14px}.friend-row{gap:10px}.friend-row .avatar{width:31px;height:31px;font-size:11px}.friend-row>strong{font-size:12px}.friend-row>div>strong{font-size:12px}.friend-row>div>span{font-size:9px}.connection-faq summary{font-size:14px}.connection-faq details p{font-size:14px}.ref-wallet-widget{padding:19px 15px;gap:11px;flex-wrap:wrap}.ref-wallet-widget>div{flex:1}.ref-wallet-widget>strong{flex-basis:100%;padding-left:54px;font-size:21px}.ref-wallet-widget>div>span{font-size:10px}.invite-landing{padding:22px 0}.invite-landing h1{font-size:30px}.invite-landing .button{width:100%}.invite-landing>small{font-size:12px}.connections-hero .button svg{flex-shrink:0}}
@media(prefers-reduced-motion:no-preference){.connection-centre{animation:connection-drift 7s ease-in-out infinite}.node-a{animation:connection-chip 6s ease-in-out infinite}.node-b{animation:connection-chip 6s ease-in-out -3s infinite;--chip-rotation:-8deg}}
@keyframes connection-drift{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes connection-chip{0%,100%{transform:rotate(var(--chip-rotation,8deg))}50%{transform:translateY(-6px) rotate(var(--chip-rotation,8deg))}}
@media(max-width:359px){.connections-hero{padding:23px 19px}.connections-hero h2{font-size:33px}.share-buttons{flex-direction:column}.connection-ledger>div>strong{font-size:28px}.connection-funnel{gap:6px}.connection-funnel>div{padding:15px 9px}.connection-funnel strong{font-size:10px}.reward-equation{font-size:13px}}