.portal-container{color:#fff;background:radial-gradient(circle at 0 0,#123329 0%,#071410 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.portal-container:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#eabf521a 0%,#0000 70%);width:50vw;height:50vh;animation:20s ease-in-out infinite alternate orbFloatOne;position:absolute;top:-10%;left:-10%}.portal-container:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#175b4326 0%,#0000 70%);width:60vw;height:60vh;animation:25s ease-in-out infinite alternate orbFloatTwo;position:absolute;bottom:-10%;right:-10%}@keyframes orbFloatOne{0%{transform:translate(0)scale(1)}to{transform:translate(80px,40px)scale(1.1)}}@keyframes orbFloatTwo{0%{transform:translate(0)scale(1)}to{transform:translate(-100px,-60px)scale(1.15)}}.portal-card{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#122a2273;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:900px;padding:70px 50px;animation:.8s cubic-bezier(.16,1,.3,1) portalFadeIn;position:relative;box-shadow:0 40px 100px #0009,inset 0 1px #ffffff1a}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portal-header{margin-bottom:56px}.portal-logo{object-fit:contain;filter:drop-shadow(0 8px 24px #175b434d);margin:0 auto 28px;animation:6s ease-in-out infinite portalFloat}@keyframes portalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.portal-title{font-family:var(--font-heading), sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 20px #00000040;background:linear-gradient(#fff 40%,#e2eae7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 18px;font-size:clamp(32px,4.5vw,42px);font-weight:850}.portal-subtitle{color:#aec4bb;max-width:620px;margin:0 auto;font-size:16px;line-height:1.65}.portal-nav{grid-template-columns:1fr 1fr;gap:28px;display:grid}.portal-link-card{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;align-items:flex-start;padding:38px 30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.portal-link-card:before{content:"";opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.portal-link-card.solar-theme:before{background:linear-gradient(135deg,#eabf5214 0%,#0000 80%)}.portal-link-card.backup-theme:before{background:linear-gradient(135deg,#38bdf814 0%,#0000 80%)}.portal-link-card:hover{background:#ffffff0a;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.portal-link-card.solar-theme:hover{border-color:#eabf5259;box-shadow:0 20px 40px #eabf520f}.portal-link-card.backup-theme:hover{border-color:#38bdf859;box-shadow:0 20px 40px #38bdf80f}.portal-link-card:hover:before{opacity:1}.portal-icon{z-index:2;margin-bottom:24px;font-size:42px;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.portal-link-card.solar-theme .portal-icon{color:#eabf52;text-shadow:0 0 24px #eabf5266}.portal-link-card.backup-theme .portal-icon{color:#38bdf8;text-shadow:0 0 24px #38bdf866}.portal-link-card:hover .portal-icon{transform:scale(1.12)rotate(5deg)}.portal-link-info{z-index:2}.portal-link-info h2{font-family:var(--font-heading), sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:22px;font-weight:800;transition:color .3s}.portal-link-card.solar-theme:hover .portal-link-info h2{color:#fce8ad}.portal-link-card.backup-theme:hover .portal-link-info h2{color:#bae6fd}.portal-link-info p{color:#9cb1a7;margin:0;font-size:13px;line-height:1.55;transition:color .3s}.portal-link-card:hover .portal-link-info p{color:#cbdad3}.portal-arrow{color:#9cb1a7;z-index:2;font-size:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),color .4s;position:absolute;bottom:30px;right:30px}.portal-link-card:hover .portal-arrow{color:#fff;transform:translate(6px)}@media (max-width:768px){.portal-card{padding:50px 30px}.portal-nav{grid-template-columns:1fr;gap:20px}.portal-link-card{padding:30px 24px}}