@@ -32,10 +32,10 @@ a:hover { color:var(--purple-hover); }
3232.nav-cta { font-size : 0.8rem ; padding : 0.4rem 0.9rem ; border : 1px solid var (--border ); border-radius : var (--radius ); color : var (--text-muted ); transition : all 0.2s ; }
3333.nav-cta : hover { border-color : var (--purple ); color : var (--purple-hover ); }
3434
35- .hero { padding : 6rem 2rem ; text-align : center; background : linear-gradient ( 135 deg , var (--bg-dark ) 0 % , var ( --purple-soft ) 50 % , var ( --bg-dark ) 100 % ); }
35+ .hero { padding : 6rem 2rem ; text-align : center; background : var (--bg-dark ); }
3636.hero-inner { max-width : 800px ; margin : 0 auto; }
3737.hero-tag { font-size : 0.75rem ; text-transform : uppercase; letter-spacing : 0.05em ; color : var (--purple-hover ); font-weight : 600 ; }
38- .hero h1 { font-size : clamp (2.5rem , 5vw , 3.75rem ); font-weight : 800 ; margin : 0.5rem 0 ; letter-spacing : -0.03em ; background : linear-gradient ( 135 deg , var (--accent-hover ), var ( --purple-hover )); -webkit-background-clip : text; -webkit-text-fill-color : transparent; background-clip : text ; }
38+ .hero h1 { font-size : clamp (2.5rem , 5vw , 3.75rem ); font-weight : 800 ; margin : 0.5rem 0 ; letter-spacing : -0.03em ; color : var (--accent-hover ); }
3939.hero p { font-size : 1.1rem ; color : var (--text-muted ); max-width : 600px ; margin : 0 auto; }
4040
4141.section { padding : 4rem 2rem ; border-top : 1px solid var (--border ); }
@@ -54,8 +54,8 @@ code { background:var(--bg-card); padding:0.15rem 0.4rem; border-radius:4px; fon
5454.footer span { font-size : 0.8rem ; color : var (--text-muted ); }
5555
5656.btn { display : inline-block; padding : 0.6rem 1.2rem ; border-radius : var (--radius ); font-size : 0.875rem ; font-weight : 600 ; transition : all 0.2s ; cursor : pointer; }
57- .btn-primary { background : linear-gradient ( 135 deg , var (--accent ) , var ( --purple ) ); color : # fff ; border : none; }
58- .btn-primary : hover { background : linear-gradient ( 135 deg , var (--accent-hover ) , var ( --purple-hover ) ); color : # fff ; transform : translateY (-1px ); box-shadow : 0 4px 12px rgba (74 , 108 , 247 , 0.3 ); }
57+ .btn-primary { background : var (--accent ); color : # fff ; border : none; }
58+ .btn-primary : hover { background : var (--accent-hover ); color : # fff ; transform : translateY (-1px ); box-shadow : 0 4px 12px rgba (74 , 108 , 247 , 0.3 ); }
5959.btn-ghost { border : 1px solid var (--border ); color : var (--text-muted ); background : transparent; }
6060.btn-ghost : hover { border-color : var (--purple ); color : var (--purple-hover ); }
6161.btn-danger { background : # dc2626 ; color : # fff ; border : none; }
@@ -83,7 +83,7 @@ code { background:var(--bg-card); padding:0.15rem 0.4rem; border-radius:4px; fon
8383.chat-input { display : flex; border-top : 1px solid var (--border ); }
8484.chat-input input { flex : 1 ; background : var (--bg-card ); color : var (--text ); border : none; padding : 0.75rem 1rem ; font-size : 0.875rem ; }
8585.chat-input input : focus { outline : none; }
86- .chat-input button { background : linear-gradient ( 135 deg , var (--accent ) , var ( --purple ) ); color : # fff ; border : none; padding : 0.75rem 1.5rem ; font-weight : 600 ; cursor : pointer; }
86+ .chat-input button { background : var (--accent ); color : # fff ; border : none; padding : 0.75rem 1.5rem ; font-weight : 600 ; cursor : pointer; }
8787
8888/* Status badges */
8989.badge { display : inline-block; font-size : 0.65rem ; padding : 0.2rem 0.5rem ; border-radius : 4px ; font-weight : 600 ; text-transform : uppercase; }
@@ -94,4 +94,4 @@ code { background:var(--bg-card); padding:0.15rem 0.4rem; border-radius:4px; fon
9494
9595/* Logo area */
9696.logo-container { display : flex; align-items : center; justify-content : center; gap : 1rem ; margin : 1rem 0 ; }
97- .logo-icon { width : 48px ; height : 48px ; border-radius : 12px ; background : linear-gradient ( 135 deg , var (--accent ) , var ( --purple ) ); display : flex; align-items : center; justify-content : center; font-size : 1.5rem ; color : # fff ; font-weight : 800 ; }
97+ .logo-icon { width : 48px ; height : 48px ; border-radius : 12px ; background : var (--accent ); display : flex; align-items : center; justify-content : center; font-size : 1.5rem ; color : # fff ; font-weight : 800 ; }
0 commit comments