diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..06f9cc3 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,163 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); + +:root { + --background-color: #121212; + --surface-color: #1E1E1E; + --primary-gradient: linear-gradient(90deg, #6A11CB 0%, #2575FC 100%); + --text-primary: #FFFFFF; + --text-secondary: #B0B0B0; + --border-color: #333333; + --border-radius: 0.5rem; +} + +body { + font-family: 'Inter', sans-serif; + background-color: var(--background-color); + color: var(--text-primary); + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; + margin: 0; +} + +.auth-container { + display: flex; + width: 100%; + max-width: 1200px; + min-height: 700px; + background-color: var(--surface-color); + border-radius: var(--border-radius); + overflow: hidden; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); +} + +.auth-visual { + flex: 1; + background: url('https://picsum.photos/seed/resume-art/800/1200') no-repeat center center; + background-size: cover; +} + +.auth-content { + flex: 1; + padding: 4rem; + display: flex; + flex-direction: column; + justify-content: center; +} + +.auth-header h1 { + font-weight: 700; + font-size: 2.5rem; + margin-bottom: 0.5rem; +} + +.auth-header p { + color: var(--text-secondary); + margin-bottom: 2rem; +} + +.nav-tabs { + border-bottom: 1px solid var(--border-color); +} + +.nav-tabs .nav-link { + background: none; + border: none; + color: var(--text-secondary); + padding: 1rem 0; + margin-right: 1.5rem; + font-weight: 500; + cursor: pointer; + border-bottom: 2px solid transparent; /* Add transparent border */ +} + +.nav-tabs .nav-link.active { + color: var(--text-primary); + border-bottom: 2px solid #6A11CB; + background: none; /* Override bootstrap active bg */ +} + +.nav-tabs .nav-link:hover { + border-color: #333; /* Subtle hover effect */ +} + +.nav-tabs .nav-link.active:hover { + border-bottom-color: #6A11CB; /* Keep active color on hover */ +} + + +.form-control { + background-color: #2a2a2a; + border: 1px solid var(--border-color); + color: var(--text-primary); + border-radius: var(--border-radius); + padding: 0.75rem 1rem; +} + +.form-control:focus { + background-color: #2a2a2a; + color: var(--text-primary); + border-color: #6A11CB; + box-shadow: none; +} + +.form-control::placeholder { + color: #6c757d; +} + +.btn-primary { + background: var(--primary-gradient); + border: none; + border-radius: var(--border-radius); + padding: 0.75rem; + font-weight: 500; + width: 100%; + transition: opacity 0.3s ease; +} + +.btn-primary:hover { + opacity: 0.9; +} + +.btn-google { + background-color: #fff; + color: #000; + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + padding: 0.75rem; + font-weight: 500; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + transition: background-color 0.3s ease; +} + +.btn-google:hover { + background-color: #f0f0f0; +} + +.divider { + display: flex; + align-items: center; + text-align: center; + color: var(--text-secondary); + margin: 1.5rem 0; +} + +.divider::before, +.divider::after { + content: ''; + flex: 1; + border-bottom: 1px solid var(--border-color); +} + +.divider:not(:empty)::before { + margin-right: .25em; +} + +.divider:not(:empty)::after { + margin-left: .25em; +} diff --git a/index.php b/index.php index 6f7ffab..5fe369b 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,97 @@ - - + - - - New Style - - - - + + + AI Resume Builder - Login + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

+ +
+
+ +
+
+
+

AI Resume Builder

+

Welcome back! Please login to your account.

+
+ + + + + +
+ +
+
+
+ + +
+
+ + +
+ +
+
or
+ +
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
or
+ +
+
+
-
- + + - + \ No newline at end of file