@layer quartz-base{.ct-hero{--ct-grad:linear-gradient(120deg, #0071e3, #5b6bff 45%, #a855f7);--ct-ring:conic-gradient(from 0deg, #2997ff, #6b7cff, #a855f7, #2997ff);--ct-aurora-blue:#2997ff47;--ct-aurora-violet:#a855f738;--ct-grid:#1d1d1f0d;--ct-plate:#fff;box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);text-align:center;border-radius:28px;width:100%;max-width:46rem;margin:.5rem auto 1rem;padding:clamp(2.5rem,6vw,4.25rem) 1.5rem clamp(2.25rem,5vw,3.5rem);position:relative;overflow:hidden}:root[saved-theme=dark] .ct-hero{--ct-grad:linear-gradient(120deg, #2997ff, #7c8bff 45%, #c084fc);--ct-aurora-blue:#2997ff57;--ct-aurora-violet:#a855f74d;--ct-grid:#ffffff0b}.ct-hero__ambient{z-index:0;pointer-events:none;position:absolute;inset:0}.ct-hero__grid{background-image:radial-gradient(circle at 1px 1px, var(--ct-grid) 1px, transparent 0);background-size:26px 26px;position:absolute;inset:0}.ct-hero__aurora{filter:blur(22px);border-radius:50%;position:absolute}.ct-hero__aurora--blue{background:radial-gradient(circle, var(--ct-aurora-blue), transparent 65%);width:460px;height:460px;animation:15s ease-in-out infinite ctHeroAurora;top:-190px;left:-110px}.ct-hero__aurora--violet{background:radial-gradient(circle, var(--ct-aurora-violet), transparent 65%);width:430px;height:430px;animation:18s ease-in-out infinite ctHeroAurora2;bottom:-200px;right:-110px}.ct-hero__inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.ct-hero__avatar{width:150px;height:150px;margin-bottom:1.75rem;animation:7s ease-in-out infinite ctHeroFloat;position:relative}.ct-hero__ring{background:var(--ct-ring);border-radius:50%;animation:9s linear infinite ctHeroSpin;position:absolute;inset:-13px}.ct-hero__glow{filter:blur(11px);background:radial-gradient(circle,#6b7cff61,#0000 70%);border-radius:50%;position:absolute;inset:-30px}.ct-hero__plate{background:var(--ct-plate);border-radius:50%;padding:5px;position:absolute;inset:0;overflow:hidden}.ct-hero .ct-hero__plate img{object-fit:cover;border-radius:50%;width:100%;height:100%;margin:0;display:block;box-shadow:0 8px 24px -8px #14143c66}.ct-hero__eyebrow{font-family:var(--codeFont), monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--secondary);margin:0 0 1rem;font-size:.78rem}.ct-hero__name{letter-spacing:-.03em;color:var(--dark);margin:0 0 .6rem;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.02}.ct-hero__tagline{letter-spacing:-.02em;color:var(--dark);margin:0 0 1rem;font-size:clamp(1.4rem,3.4vw,2rem);font-weight:600;line-height:1.15}.ct-hero__gradient{background:var(--ct-grad);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite ctHeroGrad}.ct-hero__subtitle{max-width:32rem;color:var(--gray);margin:0 auto 1.9rem;font-size:1.05rem;line-height:1.55}.ct-hero__actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.ct-hero__btn{color:var(--dark);background:color-mix(in srgb, var(--darkgray) 6%, transparent);border:1px solid color-mix(in srgb, var(--darkgray) 14%, transparent);border-radius:30px;align-items:center;padding:.7rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.ct-hero__btn:hover{background:color-mix(in srgb, var(--darkgray) 10%, transparent);transform:translateY(-2px)}.ct-hero__btn--primary{color:#fff;background:var(--ct-grad);background-size:160%;border-color:#0000;box-shadow:0 10px 24px -10px #5a50dcb3}.ct-hero__btn--primary:hover{background-position:100% 0;box-shadow:0 14px 30px -10px #5a50dccc}@keyframes ctHeroAurora{0%,to{transform:translate(0)scale(1)}50%{transform:translate(22px,-16px)scale(1.12)}}@keyframes ctHeroAurora2{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(-24px,18px)scale(.95)}}@keyframes ctHeroSpin{to{transform:rotate(360deg)}}@keyframes ctHeroGrad{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ctHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.ct-hero__avatar,.ct-hero__ring,.ct-hero__aurora,.ct-hero__gradient{animation:none!important}}@media (max-width:800px){.ct-hero{border-radius:22px}}}