diff --git a/_layouts/about.liquid b/_layouts/about.liquid index 22e9c4be..fe61c7eb 100644 --- a/_layouts/about.liquid +++ b/_layouts/about.liquid @@ -38,7 +38,7 @@ layout: default {% endif %} -
{{ content }}
+
{{ content }}
{% if page.news and site.announcements.enabled %} diff --git a/_layouts/default.liquid b/_layouts/default.liquid index f998254d..be695513 100644 --- a/_layouts/default.liquid +++ b/_layouts/default.liquid @@ -128,7 +128,7 @@ {% include header.liquid %} -
+
{% if page.toc and page.toc.sidebar %} {% if page.toc.sidebar == 'right' %}
diff --git a/_news/certifyme.md b/_news/certifyme.md index 5b7ed0e1..226b7dfc 100644 --- a/_news/certifyme.md +++ b/_news/certifyme.md @@ -10,7 +10,7 @@ title: Creative Net Announces Strategic Partnership with CertifyMe **Creative Net** is thrilled to announce a major **one-year strategic sponsorship agreement with CertifyMe**, a global leader in digital credential management. This collaboration marks a significant commitment to enhancing the value and verification of every educational program we offer. -{% include figure.liquid loading="eager" path="assets/img/partners/cnxcertifyme.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} +{% include figure.liquid loading="eager" path="assets/img/products/partners/cnxcertifyme.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} ## πŸ† CertifyMe: Our Official Certification Partner diff --git a/_pages/about.md b/_pages/about.md index aebafc46..88edb080 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -14,24 +14,96 @@ selected_papers: false # includes a list of papers marked as "selected={true}" social: true # includes social icons at the bottom of the page --- -

-Creative Net is an indigenous, agile Deep Tech R&D entity founded by Dhruva Shaw to consolidate advanced engineering innovations under a centralized strategic framework. -

-

-Originally initiated to incubate experimental projects like Minato Namikaze and fluxpoint.py, Creative Net has evolved into a Udyam-registered MSME (Government of India) dedicated to solving critical problem statements for National Security and Enterprise Automation. -

-

-Our Mission: -To function as a competency-based task force that bridges the gap between academic innovation and defense-grade deployment. -

-

-Core Domains: -

    -
  • Multi-Domain Intelligence: Advanced OSINT, SIGINT, and GEOINT systems for Digital Identity Verification and Threat Anticipation (featuring our flagship platform, Adverse).
  • -
  • Robotics & Unmanned Systems: Hardware-software integration for autonomous operations.
  • -
  • Cybersecurity: Active defense mechanisms and digital surveillance.
  • -
-

-

-At Creative Net, we do not just build projects; we engineer sovereign technology solutions. -

+
+
+
+ Creative Net β€’ Defense-Tech Studio +

Creative software for mission-ready teams.

+

+ We design intelligent systems for analysts, operators, and defense-focused teams who need reliable software, faster decisions, and better situational clarity. +

+
+ OSINT / SIGINT / GEOINT + AI Decision Support + Autonomy + Cyber Defense +
+ +
+ +
+
+
+ + + +
+
+
+ Signal flow + 98.4% + Mission fidelity +
+
+ Risk watch + 06 + Priority alerts +
+
+ Operational pulse +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +## Mission + +Creative Net is an indigenous deep-tech startup founded by **Dhruva Shaw**. We convert research concepts into deployable intelligence software systems that support analysts, field teams, and decision-makers. + +## Focus Areas + +
+
+

Multi-Domain Intelligence

+

Integrated pipelines across open-source intelligence, communications intelligence, and geospatial inputs for high-confidence assessments.

+
+
+

Threat Anticipation

+

Graph, behavioral, and pattern-driven models to detect adversarial intent and generate prioritized alerts for operators.

+
+
+

Secure Automation

+

Workflow acceleration tools that preserve human review while reducing cognitive load for intelligence and cyber operations teams.

+
+
+ +## Why Creative Net + +
+
+

Defense-First Product Thinking

+

Built for sensitive missions: low-noise UX, explainable outputs, and audit-ready intelligence workflows.

+
+
+

Research to Deployment

+

From rapid prototyping to production hardening with measurable outcomes, not just prototype demos.

+
+
+

Indian Sovereign Innovation

+

Udyam-registered MSME pushing indigenous software capabilities for strategic autonomy.

+
+
diff --git a/_pages/brand-kit.md b/_pages/brand-kit.md new file mode 100644 index 00000000..10c27ae4 --- /dev/null +++ b/_pages/brand-kit.md @@ -0,0 +1,104 @@ +--- +layout: page +title: Brand Kit +permalink: /brand-kit/ +description: Creative Net visual identity system for defense-grade communication. +nav: true +nav_order: 4 +--- + +
+ Creative Net β€’ Design System +

Brand Colours & Design Kit

+

+ A practical visual language for a defense-focused software company serving intelligence communities. +

+
+ +## Brand Positioning + +**Tone:** Strategic, precise, trustworthy, mission-focused +**Style:** Dark-interface dominant, high-contrast data accents, clean geometric typography +**Do not change:** Creative Net logo and its core mark proportions + +## Core Colour Palette + +
+
+
+
Command Black
#070B14
+
+
+
+
Navy Grid
#0D1A33
+
+
+
+
Signal Cyan
#00D4FF
+
+
+
+
Intel Violet
#7C4DFF
+
+
+
+
Data Mist
#AFC7FF
+
+
+
+
Operator White
#EAF2FF
+
+
+ +## Usage Rules + +- Use **Command Black** and **Navy Grid** as base layers for most screens. +- Use **Signal Cyan** for primary actions, active states, and high-priority data. +- Use **Intel Violet** for secondary actions and deep-tech highlights. +- Keep body text in high contrast (`#EAF2FF` or equivalent) over dark backgrounds. +- Avoid warm, playful palettes for core product/brand surfaces. + +## Typography Direction + +- **Headlines:** bold, compact sans-serif (tech-forward, high legibility). +- **Body:** neutral sans-serif with comfortable line-height for analyst readability. +- **Numerical data:** monospaced or tabular forms where precision is required. + +## UI Component Guidelines + +
+
+

Cards & Panels

+

Use soft-radius cards with subtle borders and glow accents to create layered mission dashboards.

+
+
+

Buttons

+

Primary CTA in Signal Cyan; secondary CTA as outlined Navy/Cyan combination for low-noise clarity.

+
+
+

Status Indicators

+

Use semantic colors consistently: cyan (active), violet (analysis), amber (watch), red (critical).

+
+
+ +## AI Image Prompt Kit (cartoon-style, Webflow-like) + +Use these prompts when generating new visual assets. Keep them more illustrated and less surveillance-heavy. + +1. **Homepage Hero Background** β€” **Aspect Ratio: 16:9** + `Cartoon-style futuristic defense-tech command center, friendly premium illustration, layered dashboards, glowing cyan and violet UI elements, stylized maps and analytics, clean composition, soft shadows, polished kids-to-startup aesthetic, no dark militaristic tone, high detail, vector-like illustration` + +2. **Threat Analysis Section** β€” **Aspect Ratio: 4:3** + `Cartoon illustrated analyst desk with floating graphs, maps, and security dashboards, playful but premium design, soft blue and orange accents, clean UI overlays, friendly smart-tech mood, 3D-ish modern illustration, no harsh surveillance imagery` + +3. **Product Showcase Banner** β€” **Aspect Ratio: 21:9** + `Wide panoramic cartoon-style product dashboard for intelligence software, simplified but premium interface, rounded panels, data cards, maps, threat indicators, bright cyan and purple highlights, friendly startup branding, polished Webflow-inspired vector look` + +4. **Cyber Defense Capability Card** β€” **Aspect Ratio: 1:1** + `Cute but premium cyber defense illustration, abstract network nodes, glowing shield and data pathways, soft pastel tech palette with cyan, violet, and peach, modern board-game style, clean and playful, no gritty military imagery` + +5. **Robotics & Autonomous Systems Section** β€” **Aspect Ratio: 3:2** + `Cartoon-style autonomous robotics lab, friendly drone and control interface, soft tech aesthetics, clean futuristic floor plan, bright cyan and indigo colors, polished product-shot illustration, premium startup look` + +6. **Brand Social / Poster Asset** β€” **Aspect Ratio: 1:1** + `Minimal cartoon brand illustration for Creative Net, abstract logo floating in a clean tech scene, premium startup typography, friendly but serious enough for defense-tech audience, cyan-violet-powder palette, soft gradients, crisp illustration` diff --git a/_pages/careers.md b/_pages/careers.md index 46ffdb56..61a89e32 100644 --- a/_pages/careers.md +++ b/_pages/careers.md @@ -6,10 +6,18 @@ description: Explore career opportunities at Creative Net. nav: false --- +
+ Creative Net β€’ Careers +

Build Defense-Tech Software with Us

+

+ We are building mission-critical software for intelligence communities and looking for engineers, researchers, and problem-solvers who thrive in high-impact environments. +

+
+ {% for job in site.data.careers %}
-

{{ job.title }} {% if job.closed %}- [Closed]{% endif %}

+

{{ job.title }} {% if job.closed %} - [Closed]{% endif %}

  • Type: {{ job.type }}
  • Status: {% if job.closed %}Closed{% else %}Open{% endif %}
  • @@ -26,6 +34,6 @@ nav: false --- -We are always looking for talented and passionate individuals to join our team. You can fill in the talent form below, and we will get back to you if there is a suitable opportunity. +We are always looking for talented and passionate individuals to join our team. Fill in the talent form below, and we will contact you when a suitable role opens. Talent Form diff --git a/_pages/contact.md b/_pages/contact.md index d5384382..ee922b1c 100644 --- a/_pages/contact.md +++ b/_pages/contact.md @@ -9,13 +9,21 @@ horizontal: false social: true --- -## Contact Person +
    + Creative Net β€’ Contact +

    Let’s Build with Purpose

    +

    + Reach out for partnership inquiries, consulting requests, product demos, or mission-specific technical collaboration. +

    +
    -Dhruva Shaw(Founder, Creative Net) +## Primary Contact + +Dhruva Shaw (Founder, Creative Net) ## Email Address -For general inquiries, support, or feedback, reach us at: {{site.email}} or creativenet@dhruvashaw.in +For general inquiries, support, or feedback, reach us at: {{ site.email }} or creativenet@dhruvashaw.in ## Registered Office Address @@ -25,4 +33,4 @@ Kolkata, West Bengal, India - 700082 --- -Feel free to contact us anytime, and we’ll be happy to assist you. +Feel free to contact us anytime. We will respond as quickly as possible. diff --git a/_pages/extras/courses.md b/_pages/extras/courses.md index 391e2556..c49a6798 100644 --- a/_pages/extras/courses.md +++ b/_pages/extras/courses.md @@ -6,6 +6,19 @@ nav: false description: List of paid courses offered by Creative Net. --- +
    + Creative Net β€’ Learning +

    Courses for Builders of Intelligence Software

    +

    + Hands-on training designed for learners who want to move from theory to real implementation in software, automation, and robotics contexts. +

    +
    + Project-Based Learning + Mentor-Led Sessions + Career-Focused Outcomes +
    +
    + {% tabs Courses %} {% tab Courses Current-Course-List %} @@ -17,3 +30,20 @@ description: List of paid courses offered by Creative Net. {% endtab %} {% endtabs %} + +## Why Train with Creative Net + +
    +
    +

    Industry-Relevant Curriculum

    +

    Content aligned to modern software roles across automation, intelligence support workflows, and robotics-adjacent systems.

    +
    +
    +

    Practical Output

    +

    Each learning track is designed to produce deployable code, portfolio artifacts, and technical confidence.

    +
    +
    +

    Learning Continuity

    +

    Students can transition from introductory modules to deeper implementation-level mentorship and consultancy support.

    +
    +
    diff --git a/_pages/products.md b/_pages/products.md index 43b7a9e7..67424db6 100644 --- a/_pages/products.md +++ b/_pages/products.md @@ -9,12 +9,34 @@ display_categories: [defence, work, fun] horizontal: false --- +
    + Creative Net β€’ Portfolio +

    Mission-Driven Products & Research

    +

    + Explore defense software systems, applied research programs, and engineering products built for intelligence, robotics, and secure automation. +

    +
    + Defense Intelligence Software + Cybersecurity & Threat Detection + Robotics & Autonomy + Applied R&D +
    +
    +
    {% if site.enable_product_categories and page.display_categories %} {% for category in page.display_categories %} + {% assign category_label = category %} + {% if category == "defence" %} + {% assign category_label = "Defense Systems" %} + {% elsif category == "work" %} + {% assign category_label = "Applied Research" %} + {% elsif category == "fun" %} + {% assign category_label = "Community & Open Innovation" %} + {% endif %} -

    {{ category }}

    +

    {{ category_label }}

    {% assign categorized_projects = site.products | where: "category", category %} {% assign sorted_projects = categorized_projects | default: empty | sort: "importance" %} diff --git a/_pages/profiles.md b/_pages/profiles.md index eabb90b4..5a356305 100644 --- a/_pages/profiles.md +++ b/_pages/profiles.md @@ -26,3 +26,5 @@ profiles:

    Prashanth Devarahatti

    prashanthdevarahatti@gmail.com

    --- + +Creative Net is built by engineers and researchers focused on sovereign software systems, robotics, and mission-driven innovation for strategic use-cases. diff --git a/_pages/services.md b/_pages/services.md index a2c31b4d..fe57cf95 100644 --- a/_pages/services.md +++ b/_pages/services.md @@ -13,3 +13,35 @@ children: newtab: false permalink: /courses/ --- + +
    + Creative Net β€’ Service Stack +

    Engineering Services for Defense-Grade Systems

    +

    + We support teams from concept to deployment with focused consulting, technical execution support, and capability-building programs. +

    +
    + +
    +
    +

    Consultancy

    +

    + 1-on-1 and team advisory for robotics, autonomous systems, cybersecurity workflows, and intelligence software architecture. +

    +

    Book a Consultation β†’

    +
    +
    +

    Courses & Technical Training

    +

    + Practical programs for students and professionals on Python, automation, and mission-relevant software engineering fundamentals. +

    +

    View Course Catalog β†’

    +
    +
    +

    Custom Build Partnerships

    +

    + Co-development engagements for organizations requiring bespoke intelligence and secure automation software prototypes. +

    +

    Start a Project Conversation β†’

    +
    +
    diff --git a/_products/adverse.md b/_products/adverse.md index de9d68fe..c098f908 100644 --- a/_products/adverse.md +++ b/_products/adverse.md @@ -29,7 +29,7 @@ _styles: > ---
    -{% include figure.liquid loading="eager" path="assets/products/adverse.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="assets/img/products/adverse.png" class="img-fluid rounded z-depth-1" %}
    # ADVERSE β€” _Automated Open-Source Intelligence System_ diff --git a/_products/phishnet.md b/_products/phishnet.md index 4588312a..0c6307db 100644 --- a/_products/phishnet.md +++ b/_products/phishnet.md @@ -11,7 +11,7 @@ pretty_table: true ---
    -{% include figure.liquid loading="eager" path="assets/img/phishnet/phishnet.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="assets/img/products/phishnet/phishnet.png" class="img-fluid rounded z-depth-1" %}
    ### Project Overview @@ -82,9 +82,9 @@ The system pipeline is designed for efficiency and scalability: - **Reporting**: A separate Celery task generates zipped reports with domain details and screenshots, which are then emailed to the user.
    -{% include figure.liquid loading="eager" path="/assets/img/phishnet/request_process_thread.png" class="img-fluid rounded z-depth-1" %} -{% include figure.liquid loading="eager" path="/assets/img/phishnet/request_creation.png" class="img-fluid rounded z-depth-1" %} -{% include figure.liquid loading="eager" path="/assets/img/phishnet/celery_loop_flow.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="/assets/img/products/phishnet/request_process_thread.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="/assets/img/products/phishnet/request_creation.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="/assets/img/products/phishnet/celery_loop_flow.png" class="img-fluid rounded z-depth-1" %}
    --- @@ -107,7 +107,7 @@ Our AI models were trained on a substantial, custom-built dataset of **58 lakh U - **Key Feature Importances**: `entropyURL` (0.184), `averageSubdomainLength` (0.137), and `entropyDomain` (0.122).
    -{% include figure.liquid loading="eager" path="/assets/img/phishnet/without_url_repeatedDigitsInURL_repeatedDigitsInSubdomain_cse_confusion_matrix.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="/assets/img/products/phishnet/without_url_repeatedDigitsInURL_repeatedDigitsInSubdomain_cse_confusion_matrix.png" class="img-fluid rounded z-depth-1" %}
    #### Model 2 (Raw URL + Structural Features) @@ -124,7 +124,7 @@ Our AI models were trained on a substantial, custom-built dataset of **58 lakh U - **Key Feature Importances**: Character n-grams from the URL string, such as `s:/` (0.0196) and `tp:/` (0.0172).
    -{% include figure.liquid loading="eager" path="/assets/img/phishnet/without_repeatedDigitsInURL_repeatedDigitsInSubdomain_cse_confusion_matrix.png" class="img-fluid rounded z-depth-1" %} +{% include figure.liquid loading="eager" path="/assets/img/products/phishnet/without_repeatedDigitsInURL_repeatedDigitsInSubdomain_cse_confusion_matrix.png" class="img-fluid rounded z-depth-1" %}
    --- diff --git a/assets/css/main.scss b/assets/css/main.scss index 42d5a405..4fa4d742 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -32,3 +32,452 @@ a:active, a:visited { text-decoration: none !important; } + +.cn-hero { + position: relative; + overflow: hidden; + border-radius: 28px; + border: 1px solid rgba(255, 255, 255, 0.12); + background: + radial-gradient(circle at 10% 15%, rgba(255, 166, 90, 0.3), transparent 18%), + radial-gradient(circle at 70% 10%, rgba(111, 76, 255, 0.28), transparent 28%), + radial-gradient(circle at 80% 70%, rgba(28, 205, 255, 0.28), transparent 30%), + linear-gradient(135deg, #0a1327 0%, #181a4d 38%, #0a1d2e 100%); + padding: clamp(1.5rem, 3vw, 3rem); + margin-bottom: 1.5rem; + box-shadow: 0 24px 50px rgba(11, 16, 36, 0.32); +} + +.cn-hero::before { + content: ""; + position: absolute; + right: -40px; + top: -40px; + width: 220px; + height: 220px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.06); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.cn-hero::after { + content: ""; + position: absolute; + left: 55%; + bottom: -120px; + width: 300px; + height: 300px; + border-radius: 50%; + background: rgba(0, 212, 255, 0.08); + border: 1px solid rgba(0, 212, 255, 0.2); +} + +.cn-hero h1, +.cn-hero h2, +.cn-hero h3, +.cn-hero p { + color: #f5f8ff; + position: relative; + z-index: 1; +} + +.cn-kicker { + position: relative; + z-index: 1; + display: inline-flex; + align-items: center; + gap: 0.5rem; + font-size: 0.8rem; + letter-spacing: 0.08em; + text-transform: uppercase; + font-weight: 800; + padding: 0.38rem 0.8rem; + border-radius: 999px; + color: #dffaff; + background: rgba(255, 255, 255, 0.07); + border: 1px solid rgba(255, 255, 255, 0.18); +} + +.cn-lead { + max-width: 70ch; + color: #e7ecff !important; + margin-top: 0.9rem; + font-size: 1.06rem; + line-height: 1.7; +} + +.cn-grid { + display: grid; + gap: 1rem; + grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); +} + +.cn-panel { + position: relative; + z-index: 1; + border-radius: 20px; + border: 1px solid rgba(146, 193, 255, 0.15); + background: linear-gradient(165deg, rgba(10, 22, 42, 0.82), rgba(15, 18, 30, 0.94)); + padding: 1.1rem 1.15rem; + box-shadow: 0 18px 38px rgba(7, 12, 22, 0.24); +} + +.cn-panel h4 { + color: #f0f5ff; + margin-bottom: 0.45rem; +} + +.cn-panel p, +.cn-panel li { + color: #dfeaff; +} + +.cn-section-title { + margin-top: 2rem; + margin-bottom: 0.9rem; +} + +.cn-chip-row { + display: flex; + flex-wrap: wrap; + gap: 0.55rem; + margin-top: 0.8rem; + position: relative; + z-index: 1; +} + +.cn-chip { + padding: 0.38rem 0.72rem; + border-radius: 999px; + font-size: 0.82rem; + font-weight: 700; + color: #eaf8ff; + border: 1px solid rgba(143, 198, 255, 0.25); + background: rgba(18, 42, 84, 0.54); +} + +.cn-hero-shell { + position: relative; + z-index: 1; + display: grid; + grid-template-columns: 1.2fr 0.8fr; + align-items: center; + gap: 1.5rem; +} + +.cn-hero-copy { + max-width: 640px; +} + +.cn-hero-panel { + display: flex; + justify-content: center; + align-items: center; +} + +.cn-dashboard-card { + width: min(100%, 420px); + border-radius: 22px; + background: rgba(8, 15, 26, 0.8); + border: 1px solid rgba(166, 197, 255, 0.18); + box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28); + overflow: hidden; + backdrop-filter: blur(12px); +} + +.cn-mini-header { + display: flex; + align-items: center; + gap: 0.45rem; + padding: 0.9rem 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background: rgba(19, 31, 50, 0.9); +} + +.cn-dot { + width: 0.7rem; + height: 0.7rem; + border-radius: 50%; + display: inline-block; +} + +.cn-dot.cyan { + background: #1de7ff; +} + +.cn-dot.violet { + background: #8f6dff; +} + +.cn-dot.slate { + background: #cdd9f7; + opacity: 0.7; +} + +.cn-stat-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.85rem; + padding: 1rem; +} + +.cn-stat { + background: rgba(15, 21, 33, 0.9); + border: 1px solid rgba(152, 188, 255, 0.08); + border-radius: 16px; + padding: 0.8rem 0.9rem; +} + +.cn-stat span, +.cn-stat small { + display: block; + color: #b2c8f3; +} + +.cn-stat strong { + display: block; + margin: 0.25rem 0; + font-size: 1.7rem; + color: #f7fbff; +} + +.cn-stat.accent { + background: linear-gradient(180deg, rgba(127, 97, 255, 0.18), rgba(13, 22, 38, 0.9)); +} + +.cn-stat.wide { + grid-column: 1 / -1; +} + +.cn-bars { + display: grid; + grid-template-columns: repeat(6, 1fr); + align-items: end; + gap: 0.35rem; + height: 54px; + margin-top: 0.5rem; +} + +.cn-bars i { + display: block; + border-radius: 999px 999px 0 0; + background: linear-gradient(180deg, #4fe1ff, #7c64ff); +} + +.cn-bars i:nth-child(1) { height: 26%; } +.cn-bars i:nth-child(2) { height: 42%; } +.cn-bars i:nth-child(3) { height: 68%; } +.cn-bars i:nth-child(4) { height: 52%; } +.cn-bars i:nth-child(5) { height: 76%; } +.cn-bars i:nth-child(6) { height: 94%; } + +.cn-map-card { + position: relative; + margin: 0 1rem 1rem; + height: 170px; + border-radius: 18px; + background: linear-gradient(180deg, rgba(16, 24, 42, 0.95), rgba(12, 17, 30, 0.95)); + border: 1px solid rgba(154, 179, 255, 0.12); + overflow: hidden; +} + +.cn-map-grid { + position: absolute; + inset: 0; + background-image: + linear-gradient(rgba(130, 164, 255, 0.08) 1px, transparent 1px), + linear-gradient(90deg, rgba(130, 164, 255, 0.08) 1px, transparent 1px); + background-size: 24px 24px; +} + +.cn-map-node { + position: absolute; + width: 12px; + height: 12px; + border-radius: 50%; + background: #4fe1ff; + box-shadow: 0 0 0 6px rgba(79, 225, 255, 0.12); +} + +.node-one { top: 30%; left: 22%; } +.node-two { top: 56%; right: 24%; background: #8f6dff; box-shadow: 0 0 0 6px rgba(143, 109, 255, 0.12); } +.node-three { bottom: 22%; left: 52%; background: #ecf6ff; box-shadow: 0 0 0 6px rgba(236, 246, 255, 0.1); } + +.cn-cta-row { + display: flex; + flex-wrap: wrap; + gap: 0.8rem; + margin-top: 1.2rem; + position: relative; + z-index: 1; +} + +.cn-primary-button, +.cn-secondary-button { + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 999px; + padding: 0.8rem 1.15rem; + font-weight: 700; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.cn-primary-button { + background: linear-gradient(135deg, #00d4ff, #7c4dff); + color: #031119; + box-shadow: 0 12px 30px rgba(63, 176, 255, 0.28); +} + +.cn-secondary-button { + background: rgba(255, 255, 255, 0.04); + border: 1px solid rgba(172, 210, 255, 0.22); + color: #edf6ff; +} + +.cn-primary-button:hover, +.cn-secondary-button:hover { + transform: translateY(-1px); +} + +@media (max-width: 767px) { + .cn-hero-shell { + grid-template-columns: 1fr; + } + + .cn-hero-copy { + max-width: 100%; + } +} + +.cn-color-grid { + display: grid; + gap: 0.8rem; + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + margin: 0.8rem 0 1rem; +} + +.cn-color-card { + border-radius: 14px; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.02); +} + +.cn-color-swatch { + height: 76px; +} + +.cn-color-meta { + padding: 0.65rem 0.8rem; + background: #071121; + color: #d5e5ff; + font-size: 0.9rem; +} + +body { + background: + radial-gradient(circle at top, rgba(12, 26, 44, 0.76), transparent 30%), + linear-gradient(180deg, #060b16 0%, #0a0f1d 35%, #09131f 100%); + color: #edf4ff; +} + +.main-shell { + max-width: 1240px; +} + +.navbar { + background: rgba(8, 13, 21, 0.8) !important; + backdrop-filter: blur(10px); + border-bottom: 1px solid rgba(165, 195, 255, 0.12); +} + +.navbar .nav-link, +.navbar .navbar-brand, +.navbar .dropdown-item { + color: #edf5ff !important; +} + +.home-content { + padding-bottom: 2rem; +} + +.home-content h2, +.home-content h3, +.home-content h4 { + color: #f4f8ff; + margin-top: 2rem; + margin-bottom: 0.75rem; +} + +.home-content p, +.home-content li, +.home-content td, +.home-content th, +.home-content span { + color: #dfeaff; +} + +.home-content .cn-grid { + margin-top: 1rem; +} + +.profile { + margin-left: 1.5rem; + margin-bottom: 1rem; + padding: 0.8rem; + border-radius: 22px; + background: rgba(14, 24, 39, 0.7); + border: 1px solid rgba(146, 193, 255, 0.15); + box-shadow: 0 18px 32px rgba(0, 0, 0, 0.15); +} + +.profile .more-info { + margin-top: 0.8rem; + color: #dfeaff; +} + +.profile img { + border-radius: 18px; + box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25); +} + +.card { + background: rgba(12, 18, 30, 0.9); + border: 1px solid rgba(141, 182, 255, 0.15); + border-radius: 18px; + overflow: hidden; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.card:hover { + transform: translateY(-3px); + box-shadow: 0 22px 35px rgba(0, 0, 0, 0.25); +} + +.card-title { + color: #f6fbff; +} + +.card-text { + color: #cfe1ff; +} + +.post-title, +.post-description { + color: #f3f7ff; +} + +.post-header { + margin-bottom: 1.4rem; +} + +footer { + background: rgba(8, 13, 21, 0.9); + border-top: 1px solid rgba(165, 195, 255, 0.12); +} + +footer a, +footer .footer-text { + color: #dfeaff !important; +}