* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;line-height: 1.6;color: #1a1a1a;overflow-x: hidden;position: relative;min-height: 100vh;}.t-Body-contentInner {padding-top: 56px;padding-bottom: 0;padding-left: 0;padding-right: 0;}.hero {background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);min-height: 100vh;position: relative;overflow: hidden;margin-top: -56px;}.hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="white" opacity="0.1"/><circle cx="80" cy="40" r="1" fill="white" opacity="0.1"/><circle cx="40" cy="80" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');}@keyframes float {0%, 100% { transform: translateY(0px); }50% { transform: translateY(-20px); }}@keyframes slideInUp {from { opacity: 0; transform: translateY(50px); }to { opacity: 1; transform: translateY(0); }}@keyframes slideInLeft {from { opacity: 0; transform: translateX(-50px); }to { opacity: 1; transform: translateX(0); }}@keyframes slideInRight {from { opacity: 0; transform: translateX(50px); }to { opacity: 1; transform: translateX(0); }}nav {position: fixed;top: 0;left: 0;right: 0;width: 100%;padding: 0;background: rgba(255, 255, 255, 0.95);background: rgba(244, 250, 251, 0.95);backdrop-filter: blur(10px);z-index: 9999;transition: all 0.3s ease;}.nav-container {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;height: 80px;}.app-logo {--size: 80px;--bg: #0ea5e9;--white: #ffffff;position: relative;width: var(--size);height: var(--size);border-radius: 50%;background: var(--bg);box-shadow:
0 0 0 calc(var(--size) * 0.06) var(--white),
inset 0 0 0 1px rgba(0,0,0,.04);display: grid;place-items: center;overflow: hidden;z-index: 5;margin-right: 16px;flex-shrink: 0;}.app-logo-card {position: absolute;top: 18%;left: 50%;transform: translateX(-50%);width: calc(var(--size) * 0.54);height: calc(var(--size) * 0.64);background: var(--white);border-radius: calc(var(--size) * 0.08);}.app-logo-card::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 16%;width: calc(var(--size) * 0.20);height: calc(var(--size) * 0.20);background: var(--bg);border-radius: 50%;box-shadow: 0 calc(var(--size) * 0.12) 0 0 var(--bg);}.app-logo-card::after {content: "";position: absolute;left: 18%;right: 18%;bottom: 16%;height: calc(var(--size) * 0.04);background: var(--bg);box-shadow: 0 calc(var(--size) * -0.09) 0 0 var(--bg);}.logo {font-size: 32px;font-weight: 700;color: #0ea5e9;display: flex;align-items: center;}.nav-links {display: flex;gap: 30px;list-style: none;}.nav-links a {text-decoration: none;color: #333;font-weight: 500;transition: color 0.3s ease;}.nav-links a:hover {color: #0ea5e9;}.cta-nav {background: linear-gradient(135deg, #0ea5e9, #0284c7);color: white;padding: 12px 24px;border-radius: 50px;text-decoration: none;font-weight: 600;transition: transform 0.3s ease, box-shadow 0.3s ease;}.cta-nav:hover {transform: translateY(-2px);box-shadow: 0 10px 25px rgba(14, 165, 233, 0.4);}.hero-content {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;position: relative;z-index: 1;height: 100vh;padding-top: 80px;box-sizing: border-box;}.hero-text {animation: slideInLeft 1s ease-out;}.hero-text h1 {font-size: 3.5rem;font-weight: 800;color: white;margin-bottom: 20px;line-height: 1.2;}.hero-text p {font-size: 1.2rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 30px;}.hero-buttons {display: flex;gap: 20px;flex-wrap: wrap;}.btn-primary {background: white;color: #0ea5e9;padding: 16px 32px;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.btn-secondary {background: transparent;color: white;border: 2px solid white;padding: 14px 30px;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;}.btn-secondary:hover {background: white;color: #0ea5e9;transform: translateY(-3px);}.hero-visual {position: relative;animation: slideInRight 1s ease-out;}.resume-mockup {background: white;border-radius: 20px;padding: 40px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);transform: rotate(-5deg);animation: float 6s ease-in-out infinite;}.resume-header {display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}.avatar {width: 60px;height: 60px;background: linear-gradient(135deg, #0ea5e9, #0284c7);border-radius: 50%;}.resume-info h3 {font-size: 18px;margin-bottom: 5px;}.resume-info p {color: #666;font-size: 14px;}.resume-section {margin-bottom: 15px;}.section-title {font-weight: 600;margin-bottom: 8px;color: #333;}.resume-bar {height: 8px;background: #f0f0f0;border-radius: 4px;margin-bottom: 8px;overflow: hidden;}.resume-fill {height: 100%;background: linear-gradient(90deg, #0ea5e9, #0284c7);border-radius: 4px;animation: fillBar 2s ease-out 1s both;}@keyframes fillBar {from { width: 0; }to { width: var(--width); }}.resume-fill:nth-child(1) { --width: 90%; }.resume-fill:nth-child(2) { --width: 85%; }.resume-fill:nth-child(3) { --width: 95%; }.features {padding: 100px 20px;background: #f8fafc;}.features-container {max-width: 1200px;margin: 0 auto;}.section-header {text-align: center;margin-bottom: 80px;animation: slideInUp 1s ease-out;}.section-header h2 {font-size: 2.5rem;font-weight: 700;margin-bottom: 20px;color: #1a1a1a;}.section-header p {font-size: 1.1rem;color: #666;max-width: 600px;margin: 0 auto;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;}.feature-card {background: white;padding: 40px;border-radius: 20px;text-align: center;transition: all 0.3s ease;border: 1px solid #e2e8f0;position: relative;overflow: hidden;}.feature-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.1), transparent);transition: left 0.5s ease;}.feature-card:hover::before {left: 100%;}.feature-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.feature-icon {width: 80px;height: 80px;background: linear-gradient(135deg, #0ea5e9, #0284c7);border-radius: 20px;margin: 0 auto 30px;display: flex;align-items: center;justify-content: center;font-size: 2rem;}.feature-card h3 {font-size: 1.5rem;margin-bottom: 15px;color: #1a1a1a;}.feature-card p {color: #666;line-height: 1.6;}.pricing {padding: 100px 20px;background: white;}.pricing-container {max-width: 1000px;margin: 0 auto;}.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;margin-top: 60px;}.pricing-card {background: white;padding: 40px;border-radius: 20px;text-align: center;border: 2px solid #e2e8f0;transition: all 0.3s ease;position: relative;}.pricing-card.featured {border-color: #0ea5e9;transform: scale(1.05);box-shadow: 0 20px 40px rgba(14, 165, 233, 0.2);}.pricing-card.featured::before {content: 'Most Popular';position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg, #0ea5e9, #0284c7);color: white;padding: 8px 24px;border-radius: 20px;font-size: 14px;font-weight: 600;}.pricing-card:hover {transform: translateY(-10px) scale(1.02);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.pricing-card.featured:hover {transform: translateY(-10px) scale(1.07);}.pricing-card h3 {font-size: 1.5rem;margin-bottom: 10px;}.price {font-size: 3rem;font-weight: 700;color: #0ea5e9;margin-bottom: 20px;}.price span {font-size: 1rem;color: #666;}.pricing-features {list-style: none;margin-bottom: 30px;}.pricing-features li {padding: 8px 0;color: #666;}.pricing-features li::before {content: '✓';color: #10b981;font-weight: bold;margin-right: 10px;}.cta-section {background: linear-gradient(135deg, #1a1a1a, #333);background: linear-gradient(135deg, #2ea4bf, #3ea4aa);padding: 100px 20px;text-align: center;color: white;}.cta-content {max-width: 800px;margin: 0 auto;}.cta-content h2 {font-size: 2.5rem;margin-bottom: 20px;font-weight: 700;}.cta-content p {font-size: 1.2rem;margin-bottom: 40px;opacity: 0.9;}footer {background: #1a1a1a;background: #095275;color: white;padding: 60px 20px 20px;}.footer-content {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;}.footer-section h3 {margin-bottom: 20px;font-size: 1.2rem;}.footer-section ul {list-style: none;}.footer-section ul li {margin-bottom: 10px;}.footer-section a {color: #ccc;text-decoration: none;transition: color 0.3s ease;}.footer-section a:hover {color: #0ea5e9;}.footer-bottom {text-align: center;margin-top: 40px;padding-top: 20px;border-top: 1px solid #333;color: #999;}@media (max-width: 1024px) {.hero-text h1 {font-size: 3rem;}.hero-content {gap: 40px;}.section-header h2 {font-size: 2.2rem;}}@media (max-width: 768px) {.t-Body-contentInner {padding-block-start: 0px;padding-block-end: 0px;}nav {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;z-index: 99999 !important;transform: none !important;}body, html {overflow-x: hidden !important;overflow-y: auto !important;height: auto !important;position: relative !important;}.t-Body,
.t-Body-contentInner,
.container {overflow-x: hidden !important;overflow-y: visible !important;height: auto !important;min-height: 100vh !important;}.nav-links {display: none;}.nav-container {padding: 0 15px;}.logo {font-size: 30px;}.app-logo {--size: 50px;margin-right: 10px;}.app-logo {--size: 75px;margin-right: 8px;}.cta-nav {padding: 10px 20px;font-size: 14px;}.hero {margin-top: 0;}.hero-content {grid-template-columns: 1fr;gap: 30px;text-align: center;padding: 0 15px;height: auto;min-height: calc(100vh - 80px);padding-top: 100px;padding-bottom: 40px;}.hero-text h1 {font-size: 2.2rem;line-height: 1.3;}.hero-text p {font-size: 1.1rem;}.hero-buttons {justify-content: center;flex-direction: column;align-items: center;}.btn-primary, .btn-secondary {width: 100%;max-width: 280px;text-align: center;padding: 14px 24px;}.resume-mockup {padding: 25px;transform: rotate(-2deg);}.features {padding: 60px 15px;}.features-grid {grid-template-columns: 1fr;gap: 30px;}.feature-card {padding: 30px 20px;}.feature-icon {width: 60px;height: 60px;font-size: 1.5rem;margin-bottom: 20px;}.section-header {margin-bottom: 50px;}.section-header h2 {font-size: 1.8rem;}.section-header p {font-size: 1rem;padding: 0 10px;}.pricing {padding: 60px 15px;}.pricing-grid {grid-template-columns: 1fr;gap: 30px;}.pricing-card {padding: 30px 20px;}.pricing-card.featured {transform: none;margin-top: 20px;}.pricing-card.featured:hover {transform: translateY(-5px);}.price {font-size: 2.5rem;}.cta-section {padding: 60px 15px;}.cta-content h2 {font-size: 1.8rem;}.cta-content p {font-size: 1.1rem;}.footer-content {grid-template-columns: repeat(2, 1fr);gap: 30px;}footer {padding: 40px 15px 15px;}}@media (max-width: 639px) {nav {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;z-index: 99999 !important;background: rgba(255, 255, 255, 0.98) !important;backdrop-filter: blur(10px) !important;}body, html, .t-Body, .t-Body-contentInner {overflow-y: auto !important;overflow-x: hidden !important;height: auto !important;position: relative !important;}.hero {margin-top: 0 !important;padding-top: 0 !important;}.hero-content {padding-top: 90px !important;min-height: calc(100vh - 80px) !important;}}@media (max-width: 480px) {.nav-container {padding: 0 10px;height: 52px;}.app-logo {--size: 50px;margin-right: 8px;}.logo {font-size: 20px;}.cta-nav {padding: 8px 16px;font-size: 13px;padding-top: 12px;}.hero-content {padding: 0 10px;padding-top: 90px;padding-bottom: 30px;}.hero-text h1 {font-size: 1.8rem;margin-bottom: 15px;}.hero-text p {font-size: 1rem;margin-bottom: 25px;}.hero-buttons {gap: 15px;}.btn-primary, .btn-secondary {padding: 12px 20px;font-size: 14px;}.resume-mockup {padding: 20px;margin: 0 10px;}.resume-header {gap: 15px;}.avatar {width: 50px;height: 50px;}.resume-info h3 {font-size: 16px;}.resume-info p {font-size: 13px;}.features {padding: 50px 10px;}.feature-card {padding: 25px 15px;}.feature-icon {width: 50px;height: 50px;font-size: 1.3rem;}.feature-card h3 {font-size: 1.3rem;}.section-header h2 {font-size: 1.6rem;}.section-header p {font-size: 0.95rem;}.pricing {padding: 50px 10px;}.pricing-card {padding: 25px 15px;}.pricing-card h3 {font-size: 1.3rem;}.price {font-size: 2.2rem;}.pricing-features {font-size: 14px;}.cta-section {padding: 50px 10px;}.cta-content h2 {font-size: 1.6rem;}.cta-content p {font-size: 1rem;margin-bottom: 30px;}.footer-content {grid-template-columns: 1fr;gap: 25px;text-align: center;}.footer-section h3 {font-size: 1.1rem;}footer {padding: 30px 10px 10px;}.footer-bottom {padding-top: 6px;}}@media (max-width: 320px) {.hero-text h1 {font-size: 1.6rem;}.btn-primary, .btn-secondary {font-size: 13px;padding: 10px 18px;}.resume-mockup {padding: 15px;}.feature-card {padding: 20px 10px;}.pricing-card {padding: 20px 10px;}.price {font-size: 2rem;}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {.hero-content {padding-top: 100px;min-height: 100vh;}.hero-text h1 {font-size: 2.8rem;}}@media (hover: none) and (pointer: coarse) {.feature-card:hover,
.pricing-card:hover {transform: none;}.btn-primary:hover,
.btn-secondary:hover,
.cta-nav:hover {transform: none;}.btn-primary,
.btn-secondary,
.cta-nav {min-height: 44px;}}html {scroll-behavior: smooth;overflow-x: hidden;}.t-Body {overflow-x: hidden !important;}.hero,
.features,
.pricing,
.cta-section,
footer {position: relative;z-index: 1;}.fade-in {opacity: 0;transform: translateY(30px);transition: all 0.6s ease;}.fade-in.visible {opacity: 1;transform: translateY(0);}