@@ -698,6 +698,123 @@ section {
698698 margin : 0 ;
699699}
700700
701+ .home-phalanx-duel-cta {
702+ display : flex;
703+ gap : 0.7rem ;
704+ align-items : center;
705+ padding : 0.55rem 0.65rem ;
706+ border : 1px solid rgba (138 , 107 , 36 , 0.5 );
707+ border-radius : 0.45rem ;
708+ background :
709+ radial-gradient (circle at 20% 10% , rgba (221 , 185 , 106 , 0.13 ) 0% , rgba (221 , 185 , 106 , 0 ) 45% ),
710+ linear-gradient (155deg , # 20180e 0% , # 141006 70% , # 21190f 100% );
711+ box-shadow : 0 6px 14px rgba (46 , 35 , 18 , 0.2 );
712+ }
713+
714+ .home-phalanx-duel-avatar {
715+ width : 2.15rem ;
716+ height : 2.15rem ;
717+ border-radius : 0.4rem ;
718+ border : 1px solid rgba (221 , 185 , 106 , 0.7 );
719+ box-shadow : 0 0 0 1px rgba (30 , 24 , 16 , 0.65 ), 0 5px 10px rgba (0 , 0 , 0 , 0.35 );
720+ }
721+
722+ .home-phalanx-duel-copy p {
723+ margin : 0 ;
724+ }
725+
726+ .home-phalanx-duel-title {
727+ margin-top : 0 ;
728+ font-size : 0.95rem ;
729+ font-weight : 700 ;
730+ color : # ddb96a ;
731+ line-height : 1.1 ;
732+ }
733+
734+ .home-phalanx-duel-body {
735+ margin-top : 0.15rem ;
736+ color : # e8d4aa ;
737+ max-width : 64ch ;
738+ font-size : 0.88rem ;
739+ line-height : 1.3 ;
740+ }
741+
742+ .home-phalanx-duel-actions {
743+ margin-top : 0.4rem ;
744+ display : flex;
745+ flex-wrap : wrap;
746+ gap : 0.45rem ;
747+ }
748+
749+ .home-phalanx-duel-link {
750+ display : inline-flex;
751+ align-items : center;
752+ justify-content : center;
753+ min-height : 1.7rem ;
754+ padding : 0.25rem 0.62rem ;
755+ border : 1px solid # 5a4626 ;
756+ border-radius : 0.35rem ;
757+ text-decoration : none;
758+ font-size : 0.68rem ;
759+ font-weight : 700 ;
760+ letter-spacing : 0.06em ;
761+ text-transform : uppercase;
762+ transition : transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, background-color 0.12s ease, color 0.12s ease;
763+ }
764+
765+ .home-phalanx-duel-link-primary {
766+ background : linear-gradient (160deg , # ddb96a 0% , # c49a38 48% , # 8a6b24 100% );
767+ color : # 0b0906 ;
768+ border-color : # ddb96a ;
769+ }
770+
771+ .home-phalanx-duel-link-primary : visited {
772+ color : # 0b0906 ;
773+ }
774+
775+ .home-phalanx-duel-link-primary : hover {
776+ color : # 0b0906 ;
777+ transform : translateY (-1px );
778+ box-shadow : 0 0 16px rgba (196 , 154 , 56 , 0.32 );
779+ }
780+
781+ .home-phalanx-duel-link-primary : focus ,
782+ .home-phalanx-duel-link-primary : focus-visible {
783+ color : # 0b0906 ;
784+ }
785+
786+ .home-phalanx-duel-link-secondary {
787+ background : rgba (196 , 154 , 56 , 0.08 );
788+ color : # e8d4aa ;
789+ border-color : # 5a4626 ;
790+ }
791+
792+ .home-phalanx-duel-link-secondary : visited {
793+ color : # e8d4aa ;
794+ }
795+
796+ .home-phalanx-duel-link-secondary : hover {
797+ color : # ddb96a ;
798+ border-color : # 8a6b24 ;
799+ background : rgba (196 , 154 , 56 , 0.15 );
800+ transform : translateY (-1px );
801+ }
802+
803+ .home-phalanx-duel-link-secondary : focus ,
804+ .home-phalanx-duel-link-secondary : focus-visible {
805+ color : # e8d4aa ;
806+ }
807+
808+ @media (max-width : 700px ) {
809+ .home-phalanx-duel-cta {
810+ align-items : flex-start;
811+ }
812+
813+ .home-phalanx-duel-body {
814+ max-width : none;
815+ }
816+ }
817+
701818.home-intro {
702819 color : var (--muted );
703820}
0 commit comments