@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--angle:0deg}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#fff;height:100%;font-family:Poppins,sans-serif}@keyframes waveFlow{0%{background-position:0%}to{background-position:400%}}:root{--phaino-gradient:linear-gradient(90deg, #2de2e6, #4facfe, #a855f7, #ec4899, #f97316, #facc15, #4ade80, #2de2e6, #4facfe, #a855f7, #ec4899, #f97316, #2de2e6)}.phaino-gradient{background-image:var(--phaino-gradient);-webkit-text-fill-color:transparent;color:#0000;opacity:0;background-size:400%;-webkit-background-clip:text;background-clip:text;animation:.6s 50ms forwards fadeUp,64s linear .65s infinite waveFlow;display:inline-block}.phaino-title-float{-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;background-image:linear-gradient(90deg,#2de2e6,#4facfe,#a855f7,#ec4899,#f97316,#facc15,#4ade80,#2de2e6,#4facfe,#a855f7,#ec4899,#f97316,#2de2e6);background-size:400%;-webkit-background-clip:text;background-clip:text;animation:64s linear infinite waveFlow;display:inline-block}@keyframes overlayHue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes tickDraw{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes greenFadeIn{0%{opacity:0}to{opacity:1}}.processing-wave-overlay{-webkit-backdrop-filter:blur(20px);pointer-events:none;background:linear-gradient(135deg,#2de2e64d,#4facfe4d,#a855f74d,#ec48994d,#f973164d,#facc154d,#4ade804d,#2de2e64d);animation:5s linear infinite overlayHue;position:absolute;inset:0}.processing-success-overlay{pointer-events:none;background:#16a34ad1;justify-content:center;align-items:center;animation:.4s forwards greenFadeIn;display:flex;position:absolute;inset:0}.processing-success-overlay svg .tick{stroke-dasharray:60;stroke-dashoffset:60px;animation:.5s .3s forwards tickDraw}.results-hero{align-items:flex-start;gap:2.5rem;margin-bottom:3rem;display:flex}.results-hero-photo{aspect-ratio:3/4;border-radius:1.5rem;flex-shrink:0;width:30%;overflow:hidden}.results-grid{grid-template-columns:clamp(280px,35%,380px) 1fr}.card-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:768px){.results-hero{flex-direction:column;gap:1.5rem}.results-hero-photo{width:100%;max-width:340px;margin:0 auto}.results-grid{grid-template-columns:1fr!important}.results-left{position:static!important}.card-grid{grid-template-columns:1fr}.results-grid [style*="width: 52px"]{width:44px!important;height:44px!important}}@keyframes skeletonPulse{0%,to{background-color:#e5e7eb}50%{background-color:#d1d5db}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-2{opacity:0;animation:.6s .2s forwards fadeUp}.anim-3{opacity:0;animation:.6s .35s forwards fadeUp}.anim-4{opacity:0;animation:.6s .5s forwards fadeUp}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--angle:360deg}}.gradient-border-btn{background:conic-gradient(from var(--angle), #2de2e6, #4facfe, #a855f7, #ec4899, #f97316, #facc15, #4ade80, #2de2e6);border-radius:999px;padding:2px;transition:transform .2s;animation:3s linear infinite rotateBorder;position:relative}.gradient-border-btn:hover{transform:scale(1.04)}.gradient-border-btn-inner{color:#fff;letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:#0f0f0f;border:none;border-radius:999px;padding:clamp(.65rem,1.5vw,.85rem) clamp(1.75rem,3vw,2.75rem);font-family:Poppins,sans-serif;font-size:clamp(13px,1.5vw,19.5px);font-weight:600;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
