From fd5f4506a76689f35758f9e0874d7d970aea616b Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sat, 20 Dec 2025 15:20:08 +0000 Subject: [PATCH] 12/20/25 V.2 --- core/__pycache__/urls.cpython-311.pyc | Bin 347 -> 435 bytes core/__pycache__/views.cpython-311.pyc | Bin 1364 -> 795 bytes core/templates/core/features.html | 99 ++++++ core/templates/core/index.html | 25 +- core/urls.py | 5 +- core/views.py | 22 +- static/css/custom.css | 414 +++++++++++-------------- staticfiles/css/custom.css | 337 ++++++-------------- 8 files changed, 399 insertions(+), 503 deletions(-) create mode 100644 core/templates/core/features.html diff --git a/core/__pycache__/urls.cpython-311.pyc b/core/__pycache__/urls.cpython-311.pyc index 1f807fae1897c89361c99c5e868a26d00799b73f..51f4701f50af3113ed7fc3d24974aa8ad6103577 100644 GIT binary patch literal 435 zcmZurJx>Bb5S_iil|Q`<}(5oAmI!tx8I!?3h<`)57x{MGVcCmT9$9~!Ufcdb0e)0#d<;3o)c48 z%I?G*2g<$1Ad>=91;XCQ;vmBN!j|xaF?wEeREggNaVx1y5vIa8Q1)#H`{}xItx_e; z=_whCI32@MYhZQcwUY=vc_rgadN{zQ%o5@C6VXk3K@+`ZA~dZ(t@rL$?s1fG8RChk z=w@R!<@#7qLdXmb^55|Zhxvc8aKJ7MPe;3>%cs4ZRVS=EWz`vT_1peK``OP~W5OC! Q)>zoIVhu}XiLxH_4Sm&d2><{9 delta 253 zcmdnYe4D9$IWI340}vcY|CNyiq#uJgFu)3Be6|5HrZc24q%h_%UiaGT7IqhO zPRmmk7s?$bJ$cL_RZjG(m-RX50jssSvDlzmpWAIQ;2?2g0`$hz>a9DMaU#G$mzk6S zG9l(2gYm|Fmhvc1*mKy#B)wUYqnK7Gr6sA4%_&K9Y|eMGTP$-)9u&)5lKaInPaTUs Qosv7@T69mFe+vWa7l5w8=l}o! literal 1364 zcmZ`(&1)M+6ra_{dS%J>I!@|TuH%hUh$T{~CE!96oTjQ1oHkCdQ%ZHHPf-Q6#oP5Eq{V!1Q7#*Ku^61OfEk4%~~s}guETzy!YnKoA>c! z|CpMZL_mL+PRlpL2>m0JfI>sz+l$SscSs^=|k4VB6wxYJ2mwh>6 zP1s6a0Xh0B%Et_88>QrbMYzqB#N#E*3Oks3CUHQODRvA@K~k7$;|6iCE(zZu#bJlk z(8(RJK1WUTVt6pV9fEo^GQIeJgpqaJXHRNMhV;}glZK3tBN^en5Q~o7QAND#(>piA zMx+^HvEUS;@pC3}9#TaPq;a2SxGAxj;0&RP639l>kPjiNqhJ8&1AY_l`WecBvKL`< zK_mp-GGfihA=Gg+ss)BI*;w21yRNY^)~upqm`+Labc(T~)l62_EK-D_XmFxoXUC+( zv9ZH61GA!Od6`C{=(;tt(Wqy1VsquT>;5P-9=l@|nMF#b-iU4DnzqgA7Upvgw;tSE z&pj%9yS|;<+IaYA=m{Nfc9(G8LP76tKq2MQk+Efgahls~zxB^Y15iq2p ze1hU%s@P+67IZo#*hj*3LMINxyUY_2H9@DJWy{3I+3Mq}!>U=li}flaG+QI|spl4T zob~hDF>%eyxOE;8-gFVJ3n+TO18bo->ila}J65%hy4+QlU#ly}>PkmVchz)jqo<`_ z{(P+6Xlpn2)BEXH3$5?^ljojY`z`Y<)5;BG^zo;?`Q?6crISo|lj(kPxtsi=lf2$d zUhiF8=v}zfU%GryZ>QE?g*r>Q?ozJ5xODJS`|4MJebZUI)m^+bn2pWI0|cyf_w9L< zIJbYby>RVisS{uA##h^s)e}e(07x&wM(2TX`E06G0Q9V<>X{|ul?i3g0?%(HPYlgf z1`zb;;Me{qqL;+gPk@~&H*I26ExbmrfGYk1-V + + + + + + Features - ComplianceShield Pro + + + + + + + +
+
+

All-in-One Compliance Platform

+

A complete suite of tools to manage construction compliance, from team hours to OSHA standards, all in one place.

+
+
+ +
+
+
⏱️
+

Time Tracking & Scheduling

+

Monitor team hours, schedule shifts, and manage payroll with an integrated time management system.

+
+
+
📋
+

OSHA Compliance

+

Automated checks and reporting to ensure your job sites meet the latest OSHA safety standards.

+
+
+
📂
+

Document Management

+

Securely store, access, and manage all your compliance documents, certifications, and reports.

+
+
+
🤝
+

Subcontractor Oversight

+

Onboard and manage subcontractors, track their compliance status, and mitigate project risks.

+
+
+
📊
+

Real-Time Analytics

+

Access intuitive dashboards to visualize compliance metrics and make data-driven decisions.

+
+
+
🔔
+

Automated Alerts

+

Receive instant notifications for expiring certifications, non-compliance events, and critical deadlines.

+
+
+ + + + + \ No newline at end of file diff --git a/core/templates/core/index.html b/core/templates/core/index.html index 7e1c174..752c75f 100644 --- a/core/templates/core/index.html +++ b/core/templates/core/index.html @@ -16,20 +16,19 @@ @@ -44,11 +43,7 @@ The all-in-one platform for construction compliance. Track time, manage documents, and ensure OSHA compliance with ease.

- Start Free Trial - - ▶ - Watch Demo - + Get Started

No credit card required. Cancel anytime.

diff --git a/core/urls.py b/core/urls.py index 6299e3d..67e8c00 100644 --- a/core/urls.py +++ b/core/urls.py @@ -1,7 +1,8 @@ from django.urls import path -from .views import home +from .views import index, features urlpatterns = [ - path("", home, name="home"), + path("", index, name="index"), + path("features/", features, name="features"), ] diff --git a/core/views.py b/core/views.py index c9aed12..d9558dc 100644 --- a/core/views.py +++ b/core/views.py @@ -6,20 +6,10 @@ from django.shortcuts import render from django.utils import timezone -def home(request): - """Render the landing screen with loader and environment details.""" - host_name = request.get_host().lower() - agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic" - now = timezone.now() - - context = { - "project_name": "New Style", - "agent_brand": agent_brand, - "django_version": django_version(), - "python_version": platform.python_version(), - "current_time": now, - "host_name": host_name, - "project_description": os.getenv("PROJECT_DESCRIPTION", ""), - "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""), - } +def index(request): + context = {} return render(request, "core/index.html", context) + +def features(request): + context = {} + return render(request, "core/features.html", context) diff --git a/static/css/custom.css b/static/css/custom.css index fe08c2d..cd39139 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,257 +1,213 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - } +* { margin: 0; padding: 0; box-sizing: border-box; } - :root { - --gold-light: #f0d68c; - --gold-dark: #c9a55a; - --bg-dark: #0a0a0a; - --bg-card: #141414; - --text-primary: #ffffff; - --text-secondary: #a0a0a0; - --text-muted: #606060; - --border-light: rgba(255, 255, 255, 0.1); - --border-lighter: rgba(255, 255, 255, 0.05); - } +:root { + --gold-light: #f0d68c; + --gold-dark: #c9a55a; + --bg-dark: #0a0a0a; + --bg-card: #141414; + --text-primary: #ffffff; + --text-secondary: #a0a0a0; + --text-muted: #606060; + --border-light: rgba(255, 255, 255, 0.1); + --border-lighter: rgba(255, 255, 255, 0.05); + --green: #4caf50; + --orange: #ff9800; + --red: #ef4444; + --blue: #3b82f6; +} - body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; - background: var(--bg-dark); - color: var(--text-primary); - overflow-x: hidden; - line-height: 1.6; - } +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + background: var(--bg-dark); + color: var(--text-primary); + overflow-x: hidden; + line-height: 1.6; +} - /* Navigation */ - nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 20px 60px; - background: rgba(10, 10, 10, 0.95); - backdrop-filter: blur(10px); - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 1000; - border-bottom: 1px solid var(--border-light); - transition: all 0.3s ease; - } +/* Navigation */ +nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 60px; + background: rgba(10, 10, 10, 0.95); + backdrop-filter: blur(10px); + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + border-bottom: 1px solid var(--border-light); +} - nav.scrolled { - padding: 15px 60px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); - } +.logo { + display: flex; + align-items: center; + gap: 12px; + font-size: 22px; + font-weight: 600; + color: var(--text-primary); + text-decoration: none; +} - .logo { - display: flex; - align-items: center; - gap: 12px; - font-size: 22px; - font-weight: 600; - color: var(--text-primary); - text-decoration: none; - } +.logo-icon { + width: 32px; + height: 32px; + background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + font-size: 18px; +} - .logo-icon { - width: 32px; - height: 32px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 8px; - display: flex; - align-items: center; - justify-content: center; - font-size: 18px; - } +.nav-links { + display: flex; + gap: 40px; + list-style: none; +} - .nav-links { - display: flex; - gap: 40px; - list-style: none; - } +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + font-size: 15px; + font-weight: 500; + transition: color 0.3s; +} - .nav-links a { - color: var(--text-secondary); - text-decoration: none; - font-size: 15px; - font-weight: 500; - transition: color 0.3s; - position: relative; - } +.nav-links a:hover, .nav-links a.active { + color: var(--text-primary); +} - .nav-links a::after { - content: ''; - position: absolute; - bottom: -4px; - left: 0; - width: 0; - height: 2px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - transition: width 0.3s; - } +.nav-cta { + background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); + color: #0a0a0a; + padding: 10px 20px; + border-radius: 8px; + text-decoration: none; + font-weight: 600; + transition: all 0.3s; +} - .nav-links a:hover { - color: var(--text-primary); - } +.nav-cta:hover { + box-shadow: 0 4px 15px rgba(240, 214, 140, 0.2); +} - .nav-links a:hover::after { - width: 100%; - } +.nav-actions { + display: flex; + align-items: center; + gap: 20px; +} - .nav-cta { - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - color: var(--bg-dark); - padding: 10px 24px; - border-radius: 8px; - text-decoration: none; - font-weight: 600; - font-size: 15px; - transition: all 0.3s; - box-shadow: 0 4px 12px rgba(201, 165, 90, 0.3); - } +/* Feature Page Specific Styles */ +.page-header { + padding: 160px 60px 80px; + text-align: center; + border-bottom: 1px solid var(--border-lighter); +} - .nav-cta:hover { - transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(201, 165, 90, 0.4); - } +.header-content .subtitle { + font-size: 20px; + color: var(--text-secondary); + max-width: 700px; + margin: 0 auto; +} - /* Mobile Menu Toggle */ - .mobile-menu-toggle { - display: none; - flex-direction: column; - gap: 5px; - cursor: pointer; - } +.features-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 30px; + padding: 80px 60px; + max-width: 1200px; + margin: 0 auto; +} - .mobile-menu-toggle span { - width: 25px; - height: 2px; - background: var(--text-primary); - transition: all 0.3s; - } +.feature-card { + background: var(--bg-card); + border: 1px solid var(--border-lighter); + border-radius: 12px; + padding: 40px; + text-align: center; + transition: all 0.3s ease; +} - /* Hero Section */ - .hero { - padding: 180px 60px 100px; - text-align: center; - position: relative; - } +.feature-card:hover { + transform: translateY(-5px); + border-color: var(--border-light); +} - .hero-badge { - display: inline-flex; - align-items: center; - gap: 8px; - background: rgba(255, 255, 255, 0.05); - border: 1px solid var(--border-light); - padding: 8px 16px; - border-radius: 20px; - font-size: 14px; - color: var(--text-secondary); - margin-bottom: 30px; - animation: fadeInDown 0.6s ease; - } +.feature-icon { + width: 60px; + height: 60px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + margin: 0 auto 24px; +} - .hero-badge-icon { - width: 20px; - height: 20px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 12px; - } +.feature-card h3 { + font-size: 22px; + margin-bottom: 12px; +} - h1 { - font-size: 72px; - line-height: 1.1; - margin-bottom: 24px; - background: linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - animation: fadeInUp 0.8s ease; - } +.feature-card p { + color: var(--text-secondary); + line-height: 1.7; +} - .hero-description { - font-size: 20px; - color: #808080; - max-width: 700px; - margin: 0 auto 40px; - line-height: 1.6; - animation: fadeInUp 1s ease; - } +/* Footer */ +.footer { + background: var(--bg-card); + padding: 60px 60px 30px; + border-top: 1px solid var(--border-lighter); +} - .hero-ctas { - display: flex; - gap: 20px; - justify-content: center; - margin-bottom: 16px; - animation: fadeInUp 1.2s ease; - } +.footer-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 40px; + max-width: 1200px; + margin: 0 auto 40px; +} - .btn-primary { - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - color: var(--bg-dark); - padding: 16px 32px; - border-radius: 10px; - text-decoration: none; - font-weight: 600; - font-size: 16px; - transition: all 0.3s; - border: none; - cursor: pointer; - box-shadow: 0 4px 12px rgba(201, 165, 90, 0.3); - } +.footer-about h3 { + font-size: 20px; + margin-bottom: 12px; +} - .btn-primary:hover { - transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(201, 165, 90, 0.4); - } +.footer-about p { + color: var(--text-secondary); +} - .btn-secondary { - background: rgba(255, 255, 255, 0.05); - border: 1px solid var(--border-light); - color: var(--text-primary); - padding: 16px 32px; - border-radius: 10px; - text-decoration: none; - font-weight: 500; - font-size: 16px; - display: inline-flex; - align-items: center; - gap: 8px; - transition: all 0.3s; - } +.footer-links h4 { + font-size: 16px; + font-weight: 600; + margin-bottom: 16px; +} - .btn-secondary:hover { - background: rgba(255, 255, 255, 0.1); - border-color: var(--border-light); - } +.footer-links ul { + list-style: none; + display: flex; + flex-direction: column; + gap: 12px; +} - .play-icon { - width: 20px; - height: 20px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - padding-left: 2px; - } +.footer-links a { + color: var(--text-secondary); + text-decoration: none; + transition: color 0.3s; +} - .hero-note { - color: var(--text-muted); - font-size: 14px; - animation: fadeInUp 1.4s ease; - } +.footer-links a:hover { + color: var(--text-primary); +} - /* Product Preview */ - .product-preview { - max-width: 1200px; - margin: 80px auto 0; - } \ No newline at end of file +.footer-bottom { + text-align: center; + padding-top: 30px; + border-top: 1px solid var(--border-lighter); + color: var(--text-muted); + font-size: 14px; +} \ No newline at end of file diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css index fe08c2d..ea2b1e0 100644 --- a/staticfiles/css/custom.css +++ b/staticfiles/css/custom.css @@ -1,257 +1,112 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - } +/* Feature Page Specific Styles */ +.page-header { + padding: 160px 60px 80px; + text-align: center; + border-bottom: 1px solid var(--border-lighter); +} - :root { - --gold-light: #f0d68c; - --gold-dark: #c9a55a; - --bg-dark: #0a0a0a; - --bg-card: #141414; - --text-primary: #ffffff; - --text-secondary: #a0a0a0; - --text-muted: #606060; - --border-light: rgba(255, 255, 255, 0.1); - --border-lighter: rgba(255, 255, 255, 0.05); - } +.header-content .subtitle { + font-size: 20px; + color: var(--text-secondary); + max-width: 700px; + margin: 0 auto; +} - body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; - background: var(--bg-dark); - color: var(--text-primary); - overflow-x: hidden; - line-height: 1.6; - } +.features-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 30px; + padding: 80px 60px; + max-width: 1200px; + margin: 0 auto; +} - /* Navigation */ - nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 20px 60px; - background: rgba(10, 10, 10, 0.95); - backdrop-filter: blur(10px); - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 1000; - border-bottom: 1px solid var(--border-light); - transition: all 0.3s ease; - } +.feature-card { + background: var(--bg-card); + border: 1px solid var(--border-lighter); + border-radius: 12px; + padding: 40px; + text-align: center; + transition: all 0.3s ease; +} - nav.scrolled { - padding: 15px 60px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); - } +.feature-card:hover { + transform: translateY(-5px); + border-color: var(--border-light); +} - .logo { - display: flex; - align-items: center; - gap: 12px; - font-size: 22px; - font-weight: 600; - color: var(--text-primary); - text-decoration: none; - } +.feature-icon { + width: 60px; + height: 60px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + margin: 0 auto 24px; +} - .logo-icon { - width: 32px; - height: 32px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 8px; - display: flex; - align-items: center; - justify-content: center; - font-size: 18px; - } +.feature-card h3 { + font-size: 22px; + margin-bottom: 12px; +} - .nav-links { - display: flex; - gap: 40px; - list-style: none; - } +.feature-card p { + color: var(--text-secondary); + line-height: 1.7; +} - .nav-links a { - color: var(--text-secondary); - text-decoration: none; - font-size: 15px; - font-weight: 500; - transition: color 0.3s; - position: relative; - } +/* Footer */ +.footer { + background: var(--bg-card); + padding: 60px 60px 30px; + border-top: 1px solid var(--border-lighter); +} - .nav-links a::after { - content: ''; - position: absolute; - bottom: -4px; - left: 0; - width: 0; - height: 2px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - transition: width 0.3s; - } +.footer-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 40px; + max-width: 1200px; + margin: 0 auto 40px; +} - .nav-links a:hover { - color: var(--text-primary); - } +.footer-about h3 { + font-size: 20px; + margin-bottom: 12px; +} - .nav-links a:hover::after { - width: 100%; - } +.footer-about p { + color: var(--text-secondary); +} - .nav-cta { - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - color: var(--bg-dark); - padding: 10px 24px; - border-radius: 8px; - text-decoration: none; - font-weight: 600; - font-size: 15px; - transition: all 0.3s; - box-shadow: 0 4px 12px rgba(201, 165, 90, 0.3); - } +.footer-links h4 { + font-size: 16px; + font-weight: 600; + margin-bottom: 16px; +} - .nav-cta:hover { - transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(201, 165, 90, 0.4); - } +.footer-links ul { + list-style: none; + display: flex; + flex-direction: column; + gap: 12px; +} - /* Mobile Menu Toggle */ - .mobile-menu-toggle { - display: none; - flex-direction: column; - gap: 5px; - cursor: pointer; - } +.footer-links a { + color: var(--text-secondary); + text-decoration: none; + transition: color 0.3s; +} - .mobile-menu-toggle span { - width: 25px; - height: 2px; - background: var(--text-primary); - transition: all 0.3s; - } +.footer-links a:hover { + color: var(--text-primary); +} - /* Hero Section */ - .hero { - padding: 180px 60px 100px; - text-align: center; - position: relative; - } - - .hero-badge { - display: inline-flex; - align-items: center; - gap: 8px; - background: rgba(255, 255, 255, 0.05); - border: 1px solid var(--border-light); - padding: 8px 16px; - border-radius: 20px; - font-size: 14px; - color: var(--text-secondary); - margin-bottom: 30px; - animation: fadeInDown 0.6s ease; - } - - .hero-badge-icon { - width: 20px; - height: 20px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 12px; - } - - h1 { - font-size: 72px; - line-height: 1.1; - margin-bottom: 24px; - background: linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - animation: fadeInUp 0.8s ease; - } - - .hero-description { - font-size: 20px; - color: #808080; - max-width: 700px; - margin: 0 auto 40px; - line-height: 1.6; - animation: fadeInUp 1s ease; - } - - .hero-ctas { - display: flex; - gap: 20px; - justify-content: center; - margin-bottom: 16px; - animation: fadeInUp 1.2s ease; - } - - .btn-primary { - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - color: var(--bg-dark); - padding: 16px 32px; - border-radius: 10px; - text-decoration: none; - font-weight: 600; - font-size: 16px; - transition: all 0.3s; - border: none; - cursor: pointer; - box-shadow: 0 4px 12px rgba(201, 165, 90, 0.3); - } - - .btn-primary:hover { - transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(201, 165, 90, 0.4); - } - - .btn-secondary { - background: rgba(255, 255, 255, 0.05); - border: 1px solid var(--border-light); - color: var(--text-primary); - padding: 16px 32px; - border-radius: 10px; - text-decoration: none; - font-weight: 500; - font-size: 16px; - display: inline-flex; - align-items: center; - gap: 8px; - transition: all 0.3s; - } - - .btn-secondary:hover { - background: rgba(255, 255, 255, 0.1); - border-color: var(--border-light); - } - - .play-icon { - width: 20px; - height: 20px; - background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - padding-left: 2px; - } - - .hero-note { - color: var(--text-muted); - font-size: 14px; - animation: fadeInUp 1.4s ease; - } - - /* Product Preview */ - .product-preview { - max-width: 1200px; - margin: 80px auto 0; - } \ No newline at end of file +.footer-bottom { + text-align: center; + padding-top: 30px; + border-top: 1px solid var(--border-lighter); + color: var(--text-muted); + font-size: 14px; +}