.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}.hex-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.signature-gradient{background:linear-gradient(135deg,#002e83 0%,#1b45a6 100%)}.glass-panel{background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}.asymmetric-frame{border-top-left-radius:3rem;border-bottom-right-radius:3rem}.bg-surface-container-lowest{background-color:#fff;border-radius:2rem}.text-secondary-container{color:#30a7ff}.text-primary-container{color:#1b45a6}.text-on-surface-variant{color:#434652}.text-secondary{color:#00629e}.font-headline{font-family:"Source Sans 3",sans-serif}.card-sgi{border-top-left-radius:3em !important;position:relative;overflow:hidden}.card-sgi:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 125% 100% at 95% 75%,rgba(100,140,200,.3) 0%,transparent 55%),radial-gradient(ellipse 90% 75% at 100% 100%,rgba(26,58,110,.85) 0%,transparent 70%),linear-gradient(160deg,#04050c 0%,#060b17 100%);opacity:0;transition:opacity .5s ease;z-index:0}.card-sgi:hover:before{opacity:1}.card-sgi>*{position:relative;z-index:1}.card-sgi h3,.card-sgi .material-symbols-outlined,.card-sgi span{transition:color .5s ease}.card-sgi:hover h3{color:#41b1fb}.card-sgi:hover .material-symbols-outlined{color:#4dff4d}.card-sgi span{font-size:16px}.card-sgi:hover span{color:#fff}.card-orientation{position:relative;display:flex;align-items:center;background:#212121;box-shadow:0 10px 20px rgba(0,0,0,.2);padding:16px 20px;overflow:hidden;border-radius:10px;cursor:default;transition:all .5s cubic-bezier(.23,1,.32,1)}.card-orientation:before{content:"";position:absolute;left:0;bottom:0;width:5px;height:100%;background:linear-gradient(-45deg,#2da6ff 0%,#1b45a6 100%);z-index:0;transition:all .5s cubic-bezier(.23,1,.32,1)}.card-orientation:hover:before{width:100%}.card-orientation:hover{box-shadow:none}.card-orientation-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px;transition:all .5s cubic-bezier(.23,1,.32,1)}.card-orientation-icon{color:#2da6ff;font-size:20px !important;flex-shrink:0;transition:color .5s cubic-bezier(.23,1,.32,1)}.card-orientation:hover .card-orientation-icon{color:#e8e8e8}.card-orientation-text{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e8e8e8;transition:color .5s cubic-bezier(.23,1,.32,1)}.card-orientation:hover .card-orientation-text{color:#e8e8e8}