.portal-page{color:#10243f;min-height:100vh;padding:clamp(7.5rem,15vh,11rem) 1.25rem clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.portal-ambient{z-index:0;pointer-events:none;background:radial-gradient(40rem 30rem at 12% 8%,#f6c76a29,#0000 60%),radial-gradient(46rem 32rem at 92% 4%,#64b5f62e,#0000 62%);position:absolute;inset:0}.portal-container{z-index:1;width:100%;max-width:78rem;margin-inline:auto;position:relative}.portal-notice{border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.95rem 1.2rem;font-size:.95rem;line-height:1.5;text-decoration:none;display:flex}.portal-notice svg{flex-shrink:0}.portal-notice span{flex:1}.portal-notice strong{font-weight:700}.portal-notice--warn{color:#8a5a06;background:#f59e0b1f;border:1px solid #f59e0b66}.portal-notice--info{color:#10243f;background:#1f5f931a;border:1px solid #1f5f9352;transition:transform .25s,box-shadow .25s}.portal-notice--info:hover{transform:translateY(-1px);box-shadow:0 .8rem 2rem #1f5f9329}.portal-notice-arrow{transition:transform .25s}.portal-notice--info:hover .portal-notice-arrow{transform:translate(4px)}.portal-header{margin-bottom:clamp(2rem,4vw,3rem)}.portal-eyebrow{color:#c8870a;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:inline-block}.portal-title{color:#10243f;letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:600;line-height:1}.portal-text{color:#10243fa8;max-width:40rem;margin-top:1.1rem;font-size:clamp(1.05rem,1.2vw,1.2rem);line-height:1.75}.portal-hero{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:clamp(1.25rem,2.5vw,2rem);margin-bottom:1.25rem;display:grid}.portal-membercard{color:#f4f7fb;isolation:isolate;background:radial-gradient(28rem 20rem at 88% 8%,#f6c76a57,#0000 55%),radial-gradient(26rem 22rem at 6% 96%,#64b5f647,#0000 58%),linear-gradient(135deg,#0b1b30 0%,#15365c 58%,#0c2342 100%);border:1px solid #f6c76a47;border-radius:1.6rem;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:18rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex;position:relative;overflow:hidden;box-shadow:0 1.8rem 4.5rem #0b1b3066,inset 0 1px #ffffff14}.portal-membercard-grain{z-index:0;opacity:.5;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(115deg,#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:0}.portal-membercard-sheen{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#ffffff0a,#0000);width:45%;height:200%;animation:2.4s .5s both cardSheen;position:absolute;top:-50%;left:-60%;transform:rotate(18deg)}.portal-membercard:hover .portal-membercard-sheen{animation:1s cardSheen}@keyframes cardSheen{0%{left:-60%}to{left:130%}}.portal-membercard>:not(.portal-membercard-sheen):not(.portal-membercard-grain){z-index:2;position:relative}.portal-membercard-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.portal-membercard-brand{align-items:center;gap:.7rem;display:flex}.portal-membercard-mark{color:#0b1b30;width:2.6rem;height:2.6rem;font-family:var(--font-heading);background:linear-gradient(135deg,#f7e3a8,#c8a76a);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid;box-shadow:0 6px 16px #c8a76a66}.portal-membercard-brand strong{letter-spacing:.16em;color:#f4f7fb;font-size:1.1rem;font-weight:600;display:block}.portal-membercard-brand small{letter-spacing:.24em;text-transform:uppercase;color:#f6c76ad9;margin-top:.1rem;font-size:.66rem;display:block}.portal-membercard-tag{color:#f6c76a;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#f6c76a24;border:1px solid #f6c76a73;border-radius:999px;padding:.4rem .85rem;font-size:.66rem;font-weight:700}.portal-membercard-chip{background:linear-gradient(135deg,#f7e3a8 0%,#d8b878 50%,#c8a76a 100%);border-radius:.5rem;width:2.9rem;height:2.2rem;position:relative;box-shadow:inset 0 0 0 1px #0b1b3040}.portal-membercard-chip:before{content:"";background:linear-gradient(#0b1b3059,#0b1b3059) 50%/100% 1px no-repeat,linear-gradient(#0b1b3059,#0b1b3059) 50%/1px 100% no-repeat;border:1px solid #0b1b3059;border-radius:.2rem;position:absolute;inset:.45rem .3rem}.portal-membercard-label{letter-spacing:.22em;text-transform:uppercase;color:#f4f7fb80;font-size:.62rem;font-weight:700;display:block}.portal-membercard-name{letter-spacing:.01em;color:#f8efd9;margin:.35rem 0 0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:600;line-height:1.05}.portal-membercard-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.portal-membercard-bottom strong{color:#f4f7fb;margin-top:.3rem;font-size:1.05rem;font-weight:600;display:block}.portal-membercard-since{text-align:right}.portal-membercard.is-expired{filter:saturate(.7)}.portal-membercard.is-expired .portal-membercard-tag{color:#ffb4b4;background:#dc5a5a2e;border-color:#dc5a5a80}.portal-aside{text-align:center;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:radial-gradient(circle at 50% 0,#f6c76a1f,#0000 55%),linear-gradient(#fffffff5,#e9f6ffd1);border:1px solid #64b5f638;border-radius:1.6rem;flex-direction:column;align-items:center;padding:clamp(1.5rem,3vw,2.25rem);display:flex;box-shadow:0 1.5rem 4rem #2e6fa01f}.portal-aside-avatar{color:#fff;background:linear-gradient(135deg,#10243f,#1f5f93);border:3px solid #ffffffd9;border-radius:50%;place-items:center;width:6.5rem;height:6.5rem;font-size:2.4rem;font-weight:600;display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 2.5rem #1f5f9347}.portal-avatar-img{object-fit:cover}.portal-aside-name{color:#10243f;margin:1.1rem 0 0;font-size:1.45rem;font-weight:600}.portal-aside-role{color:#10243f99;margin:.3rem 0 0;font-size:.98rem}.portal-aside-bio{color:#10243f9e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.9rem 0 0;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.portal-aside-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;margin-top:auto;padding-top:1.5rem;display:flex}.portal-btn{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(135deg,#10243f 0%,#1f5f93 100%);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-width:8.5rem;min-height:2.85rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 .8rem 2rem #1f5f933d}.portal-btn:hover{transform:translateY(-2px);box-shadow:0 1.2rem 2.6rem #1f5f934d}.portal-btn--ghost{color:#10243f;box-shadow:none;background:#10243f0d;border:1px solid #10243f1f}.portal-btn--ghost:hover{box-shadow:none;background:#10243f17}.portal-grid{grid-template-columns:1.1fr .9fr;gap:1.25rem;display:grid}.portal-card{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:radial-gradient(circle at 100% 0,#f6c76a1f,#0000 42%),linear-gradient(135deg,#fffffff5,#e9f6ffcc);border:1px solid #64b5f633;border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.1rem);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 1.2rem 3.5rem #2e6fa01a}.portal-card:hover{transform:translateY(-4px);box-shadow:0 1.8rem 4.2rem #2e6fa029}.portal-card-label{color:#10243f6b;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem;font-size:.7rem;font-weight:700;display:inline-block}.portal-info{gap:.7rem;display:grid}.portal-info-item{background:#ffffff8c;border:1px solid #64b5f624;border-radius:.9rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 1.05rem;display:flex}.portal-info-title{color:#10243f73;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.portal-info-value{color:#10243f;text-align:right;word-break:break-word;font-size:1rem;font-weight:500}.portal-side-card{flex-direction:column;justify-content:space-between;display:flex}.portal-side-card h2,.portal-payment-card h2{color:#10243f;margin:1.25rem 0;font-size:clamp(1.5rem,2vw,2rem);font-weight:600;line-height:1.1}.portal-side-card p{color:#10243fa8;margin:0;font-size:1.02rem;line-height:1.7}.portal-badge{color:#10243f;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#ffd889 0%,#f5bf54 100%);border-radius:999px;width:fit-content;padding:.55rem 1rem;font-size:.72rem;font-weight:700;box-shadow:0 .8rem 2rem #f5bf5442}.portal-badge.expired{color:#b42318;box-shadow:none;background:#dc262624}.portal-action{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#10243f 0%,#1f5f93 100%);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;margin-top:1.5rem;padding:.8rem 1.4rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 .9rem 2.2rem #1f5f933d}.portal-action:hover{transform:translateY(-2px);box-shadow:0 1.3rem 2.8rem #1f5f934d}.portal-payment-card{grid-column:1/-1}.portal-payments{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem;display:grid}.portal-payment-item{background:#ffffff8c;border:1px solid #64b5f624;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.portal-payment-tier{color:#10243f;font-size:1.02rem;font-weight:600;display:block}.portal-payment-date{color:#10243f80;margin-top:.25rem;font-size:.85rem;display:block}.portal-payment-right{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.portal-payment-amount{color:#10243f;font-size:1.05rem;font-weight:700}.portal-payment-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.25rem .65rem;font-size:.66rem;font-weight:700}.portal-payment-status.paid{color:#1f8f52;background:#27ae6024}.portal-payment-status.pending{color:#c47d0a;background:#f39c1224}.portal-empty-text{color:#10243f8c;margin:0;font-size:1rem}.portal-profile-form{background:#ffffffd1;border:1px solid #64b5f638;border-radius:1.6rem;gap:1rem;margin-top:2.5rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid;box-shadow:0 1.5rem 4rem #2e6fa01f}.portal-profile-form input,.portal-profile-form textarea{color:#10243f;background:#fff;border:1px solid #10243f1f;border-radius:1rem;outline:none;width:100%;padding:1rem 1.1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}.portal-profile-form input:focus,.portal-profile-form textarea:focus{border-color:#f5bf54b3;box-shadow:0 0 0 4px #f5bf5424}.portal-profile-form button{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#10243f 0%,#1f5f93 100%);border:none;border-radius:999px;padding:1rem 1.75rem;font-size:1rem;font-weight:600;transition:transform .3s,box-shadow .3s;box-shadow:0 1rem 2.5rem #1f5f9338}.portal-profile-form button:hover{transform:translateY(-2px);box-shadow:0 1.4rem 3rem #1f5f934d}.portal-photo-upload{align-items:center;gap:1.5rem;display:flex}.portal-photo-preview{color:#fff;background:linear-gradient(135deg,#10243f,#1f5f93);border:1px solid #10243f1f;border-radius:999px;flex:0 0 6rem;place-items:center;width:6rem;height:6rem;font-size:2rem;font-weight:600;display:grid;position:relative;overflow:hidden}.portal-photo-img{object-fit:cover}.portal-photo-label{letter-spacing:.18em;text-transform:uppercase;color:#10243f80;margin-bottom:.75rem;font-size:.68rem;font-weight:700;display:block}@media (max-width:64em){.portal-hero,.portal-grid{grid-template-columns:1fr}}@media (max-width:43.75em){.portal-page{padding-inline:1rem}.portal-membercard{border-radius:1.35rem;min-height:16rem}.portal-membercard-name{font-size:1.7rem}.portal-aside,.portal-card{border-radius:1.35rem}.portal-payments{grid-template-columns:1fr}.portal-info-item{flex-direction:column;align-items:flex-start;gap:.3rem}.portal-info-value{text-align:left}.portal-btn{min-width:0}.portal-photo-upload{flex-direction:column;align-items:flex-start}}