:root {
    /* Bitcoin-Inspired Color Palette */
    --bitcoin-orange: #F7931A;
    --bitcoin-orange-dark: #E8821E;
    --bitcoin-orange-light: #FFB84D;
    --bitcoin-orange-pale: #FFF4E6;
    --dark-bg: #0D1117;
    --dark-surface: #161B22;
    --dark-border: #30363D;
    --dark-text: #F0F6FC;
    --dark-text-secondary: #8B949E;
    --dark-text-muted: #6E7681;
    --success-green: #238636;
    --warning-yellow: #D29922;
    --error-red: #DA3633;
    
    /* Typography */
    --font-primary: 'Inter', sans-serif;
    --font-serif: 'Crimson Text', serif;
    
    /* Spacing */
    --container-padding: 1rem;
    --section-padding: 3rem 0;
    --border-radius: 8px;
    --border-radius-lg: 12px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--dark-text);
    background: linear-gradient(135deg, #ffffff 0%, var(--bitcoin-orange-pale) 100%);
    overflow-x: hidden;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* Header */
.header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #e5e7eb;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
}

.logo {
    font-family: var(--font-serif);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bitcoin-orange);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0rem 0rem 0rem 1rem;
}

.logo::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 791.19 880.97"><path fill="%231d1d1b" d="M542.07,483.25c17.5,15.21,39.89,23.58,63.04,23.58,11.83,0,21.46-9.63,21.46-21.46s-9.63-21.41-21.46-21.41c-22.24,0-42.13-14.11-49.92-34.49,58.33-11.69,101.31-63.41,101.31-123.68,0-11.83-9.63-21.46-21.46-21.46s-21.43,9.63-21.43,21.46c0,45.94-37.38,83.31-83.33,83.31-22.58,0-43.72-8.88-59.5-24.98-4.05-4.17-9.48-6.46-15.29-6.46s-10.99,2.19-14.99,6.13c-4.1,3.98-6.39,9.32-6.47,15.03-.07,5.74,2.1,11.17,6.12,15.27,19.34,19.77,43.72,32.29,70.8,36.41,4.32,20.38,15.24,38.94,31.13,52.74Z"/><path fill="%231d1d1b" d="M635.05,643.53c-2.85,0-5.73.1-8.63.31-3.23-66.75-58.53-120.05-126.05-120.05-11.82,0-21.43,9.63-21.43,21.46s9.61,21.43,21.43,21.43c45.94,0,83.31,37.38,83.31,83.34,0,1.52-.04,3.04-.12,4.55-21.2,9.51-39.31,24.6-52.57,43.86-14.49,21.05-22.14,45.71-22.14,71.3,0,11.82,9.61,21.44,21.43,21.44s21.46-9.62,21.46-21.44c0-45.95,37.37-83.33,83.31-83.33,11.83,0,21.46-9.61,21.46-21.43s-9.63-21.43-21.46-21.43Z"/><path fill="%231d1d1b" d="M791.19,425.51c0-32.48-12.18-63.04-34.4-86.55,2.96-10.81,4.45-21.95,4.45-33.16,0-57.46-38.98-107.45-93.84-121.96,2.68-8.92,4.04-18.21,4.04-27.72,0-38.16-22.51-72.62-57.45-88.07C560.2,25.42,500.99,0,455.48,0c-22.78,0-44.54,9.72-59.88,26.38-15.31-16.66-37.06-26.38-59.84-26.38-45.58,0-104.79,25.42-158.55,68.05-34.94,15.45-57.47,49.9-57.47,88.07,0,9.48,1.36,18.76,4.05,27.72-54.87,14.52-93.87,64.51-93.87,121.96,0,11.28,1.51,22.42,4.51,33.18C12.19,362.49,0,393.04,0,425.51c0,23.96,6.73,47.12,19.51,67.29-12.78,20.15-19.51,43.34-19.51,67.39,0,43.98,23.02,84.78,60.4,107.65-.34,4.02-.52,8.07-.52,12.09,0,30.11,9.45,58.92,27.33,83.3,17.26,23.54,40.82,40.85,68.26,50.2,12.35,20.2,29.61,37.03,50.06,48.79,21.31,12.26,45.64,18.73,70.35,18.73,26.7,0,52.72-7.53,75.23-21.77,18.05-11.42,33.24-26.73,44.49-44.74,11.26,18,26.45,33.31,44.51,44.74,22.51,14.24,48.53,21.77,75.23,21.77,24.71,0,49.03-6.48,70.34-18.73,20.45-11.76,37.7-28.59,50.04-48.79,27.45-9.35,51.01-26.66,68.28-50.19,17.88-24.38,27.34-53.19,27.34-83.31,0-3.92-.18-7.97-.53-12.08,37.37-22.86,60.38-63.67,60.38-107.65,0-24.04-6.74-47.22-19.53-67.39,12.79-20.13,19.53-43.29,19.53-67.3ZM686.47,660.18c1.31,6.6,1.97,13.25,1.97,19.75,0,44.31-29.89,83.29-72.75,94.81-5.84,1.62-10.58,5.43-13.35,10.71-17.1,32.47-50.44,52.64-87.01,52.64-54.21,0-98.31-44.09-98.31-98.28,0-44.3,29.92-83.28,72.77-94.8,5.55-1.5,10.17-5.07,13.03-10.05,2.85-4.97,3.59-10.75,2.1-16.21-2.47-9.36-10.96-15.9-20.65-15.9-1.88,0-3.77.25-5.57.74-23.48,6.28-44.49,18.25-61.68,35.02v-317.88c0-21.19,17.25-38.42,38.45-38.42,11.83,0,21.46-9.61,21.46-21.43s-9.63-21.46-21.46-21.46c-13.62,0-26.69,3.32-38.45,9.69V81.29c0-21.17,17.25-38.4,38.45-38.4,22.94,0,51.4,8.83,81.33,25.07-20.88,9.18-38.29,25.63-48.22,46.14-2.52,5.17-2.87,11-.99,16.42,1.87,5.41,5.74,9.76,10.89,12.24,2.94,1.43,6.09,2.15,9.35,2.15,8.15,0,15.72-4.73,19.3-12.06,9.01-18.57,27.43-30.11,48.05-30.11,6.43,0,12.69,1.13,18.62,3.36.77.36,1.73.78,2.84,1.13,19.41,8.59,31.93,27.73,31.93,48.89,0,8.45-1.97,16.69-5.73,24.07-64.26,6.2-114.01,60.6-114.01,125.61,0,11.82,9.61,21.43,21.43,21.43s21.46-9.61,21.46-21.43c0-45.95,37.37-83.34,83.31-83.34s83.31,37.38,83.31,83.34c0,10.76-2.06,21.28-6.1,31.24-3.56,8.65-1.09,18.51,6.11,24.52,19.03,15.93,29.95,39.25,29.95,63.96,0,45.95-37.38,83.34-83.33,83.34-11.81,0-21.41,9.62-21.41,21.46s9.6,21.41,21.41,21.41c27.54,0,54.22-9.03,76.09-25.59,4.81,10.65,7.24,22.08,7.24,34.07,0,32.87-19.45,62.75-49.56,76.12-9.25,4.11-14.3,13.94-12.29,23.86ZM92.45,636.32c-30.11-13.37-49.56-43.25-49.56-76.12,0-11.99,2.43-23.42,7.24-34.07,21.88,16.56,48.56,25.59,76.09,25.59,11.81,0,21.41-9.6,21.41-21.41s-9.6-21.46-21.41-21.46c-45.95,0-83.34-37.38-83.34-83.34,0-24.7,10.9-48.02,29.87-63.93,7.25-5.99,9.73-15.85,6.18-24.5-4.06-10.11-6.12-20.63-6.12-31.29,0-45.95,37.38-83.34,83.34-83.34s83.33,37.38,83.33,83.34c0,11.82,9.62,21.43,21.43,21.43s21.45-9.61,21.45-21.43c0-65-49.77-119.4-114.05-125.61-3.73-7.37-5.69-15.62-5.69-24.07,0-21.18,12.52-40.32,31.93-48.89.92-.29,1.85-.66,2.86-1.14,5.9-2.22,12.15-3.34,18.61-3.34,20.61,0,39.02,11.54,48.06,30.13,3.57,7.31,11.15,12.04,19.3,12.04,3.26,0,6.4-.72,9.34-2.15,5.15-2.49,9.02-6.84,10.89-12.25,1.88-5.42,1.53-11.25-.98-16.4-9.93-20.51-27.36-36.96-48.26-46.15,29.98-16.25,58.46-25.08,81.38-25.08,21.17,0,38.4,17.23,38.4,38.4v108.01c-11.77-6.33-25.01-9.73-38.4-9.73-11.83,0-21.46,9.61-21.46,21.43s9.63,21.46,21.46,21.46c21.17,0,38.4,17.24,38.4,38.42v463.45c0,1.4.15,2.85.46,4.31-.31,4.03-.46,7.69-.46,11.16,0,54.19-44.09,98.28-98.28,98.28-36.57,0-69.91-20.17-86.99-52.59-2.69-5.21-7.56-9.13-13.43-10.78-42.83-11.52-72.74-50.5-72.74-94.79,0-6.57.68-13.2,2.01-19.73,2.01-9.93-3.04-19.75-12.29-23.89Z"/><path fill="%231d1d1b" d="M219.19,480.73c15.89-13.81,26.81-32.37,31.14-52.74,26.99-4.09,51.37-16.6,70.83-36.4,8.24-8.45,8.07-22.05-.36-30.31-4.02-3.95-9.34-6.13-14.98-6.13s-11.23,2.28-15.32,6.44c-15.8,16.14-36.94,25.03-59.53,25.03-45.95,0-83.33-37.38-83.33-83.33,0-11.82-9.6-21.43-21.41-21.43s-21.43,9.61-21.43,21.43c0,60.24,42.96,111.96,101.25,123.67-7.77,20.38-27.65,34.49-49.9,34.49-11.82,0-21.43,9.6-21.43,21.41s9.61,21.46,21.43,21.46c23.15,0,45.54-8.37,63.05-23.58Z"/><path fill="%231d1d1b" d="M310.85,506.33c-67.54,0-122.87,53.31-126.08,120.04-2.89-.2-5.75-.31-8.63-.31-11.82,0-21.43,9.61-21.43,21.43s9.61,21.43,21.43,21.43c45.94,0,83.31,37.38,83.31,83.34,0,11.82,9.61,21.43,21.43,21.43s21.43-9.61,21.43-21.43c0-25.59-7.66-50.25-22.14-71.31-13.25-19.27-31.35-34.35-52.54-43.85-.07-1.48-.11-3.01-.11-4.6,0-45.95,37.37-83.34,83.31-83.34,11.82,0,21.43-9.6,21.43-21.41s-9.61-21.43-21.43-21.43Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 8px;
}

.nav-links {
    display: none;
    list-style: none;
    gap: 2rem;
}

.nav-links a {
    text-decoration: none;
    color: #374151;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: var(--bitcoin-orange);
}

.nav-auth {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
    margin-left: 1.5rem;
}

.nav-auth > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.nav-user-name {
    font-weight: 600;
    color: #1f2937;
}

.nav-user-email {
    font-size: 0.85rem;
    color: #6b7280;
}

.nav-signout-btn {
    border: 1px solid var(--bitcoin-orange);
    background: #fff;
    color: var(--bitcoin-orange);
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-signout-btn:hover {
    background: var(--bitcoin-orange);
    color: #fff;
}

.mobile-auth {
    border-top: 1px solid #e5e7eb;
    margin: 2rem 0 0;
    padding: 1.5rem 2rem 0;
}

.mobile-user-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.mobile-user-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.auth-message {
    display: none;
    font-size: 0.85rem;
    color: var(--error-red);
}

.auth-message[data-type="info"] {
    color: #374151;
}

.auth-message.visible {
    display: block;
}

.hidden {
    display: none !important;
}

.auth-warning {
    font-size: 0.85rem;
    color: #6b7280;
}

/* Mobile Sidebar */
.mobile-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    z-index: 1001;
    transition: right 0.3s ease;
    padding: 2rem 0;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
}

.mobile-sidebar.open {
    right: 0;
}

.mobile-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem 2rem;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 2rem;
}

.mobile-sidebar-logo {
    font-family: var(--font-serif);
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--bitcoin-orange);
    text-decoration: none;
}

.mobile-sidebar-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #374151;
    cursor: pointer;
    padding: 0.5rem;
}

.mobile-sidebar-links {
    list-style: none;
    padding: 0 2rem;
}

.mobile-sidebar-links li {
    margin-bottom: 1.5rem;
}

.mobile-sidebar-links a {
    text-decoration: none;
    color: #374151;
    font-weight: 500;
    font-size: 1.1rem;
    display: block;
    padding: 0.5rem 0;
    transition: color 0.3s ease;
}

.mobile-sidebar-links a:hover {
    color: var(--bitcoin-orange);
}

/* Overlay for mobile sidebar */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sidebar-overlay.open {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #374151;
    cursor: pointer;
    display: block;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    margin-right: -0.5rem;
}

/* Hero Section */
.hero {
    padding: 8rem 0 4rem;
    text-align: center;
    background: linear-gradient(135deg, #ffffff 0%, var(--bitcoin-orange-pale) 100%);
    position: relative;
    overflow: hidden;
}

.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="bitcoin" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M10 0L15 5L10 10L5 5Z" fill="none" stroke="%23F7931A" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23bitcoin)"/></svg>');
    opacity: 0.3;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero h1 {
    font-family: var(--font-serif);
    font-size: 2.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hero-subtitle {
    font-size: 1.2rem;
    color: var(--bitcoin-orange);
    margin-bottom: 2rem;
    font-weight: 400;
}

.rotating-phrase {
    background: var(--bitcoin-orange);
    color: white;
    padding: 1rem 2rem;
    border-radius: var(--border-radius-lg);
    font-size: 1.1rem;
    font-weight: 500;
    margin: 2rem auto;
    max-width: 600px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 4px 20px rgba(247, 147, 26, 0.3);
    transition: all 0.5s ease;
}

.cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--border-radius);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 1rem;
}

.btn-primary {
    background: var(--bitcoin-orange);
    color: white;
}

.btn-primary:hover {
    background: var(--bitcoin-orange-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(247, 147, 26, 0.4);
}

.btn-secondary {
    background: transparent;
    color: var(--bitcoin-orange);
    border: 2px solid var(--bitcoin-orange);
}

.btn-secondary:hover {
    background: var(--bitcoin-orange);
    color: white;
    transform: translateY(-2px);
}

/* Features Section */
.features {
    padding: var(--section-padding);
    background: #f9fafb;
}

.section-title {
    text-align: center;
    font-family: var(--font-serif);
    font-size: 2rem;
    color: #1f2937;
    margin-bottom: 3rem;
}

.features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.feature-card {
    background: white;
    padding: 2rem;
    border-radius: var(--border-radius-lg);
    border: 1px solid #e5e7eb;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(247, 147, 26, 0.2);
    border-color: var(--bitcoin-orange);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--bitcoin-orange);
}

.feature-card h3 {
    font-family: var(--font-serif);
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: #1f2937;
}

.feature-card p {
    color: #6b7280;
    opacity: 0.9;
}

/* Philosophy Section */
.philosophy {
    padding: var(--section-padding);
    background: linear-gradient(135deg, var(--bitcoin-orange) 0%, var(--bitcoin-orange-dark) 100%);
    color: white;
}

.philosophy-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.philosophy h2 {
    font-family: var(--font-serif);
    font-size: 2rem;
    margin-bottom: 2rem;
}

.philosophy p {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* Footer */
.footer {
    background: #1f2937;
    color: white;
    padding: 2rem 0;
    text-align: center;
    border-top: 1px solid #374151;
}

.footer p {
    opacity: 0.8;
}

/* Responsive Design */
@media (min-width: 768px) {
    .nav-links {
        display: flex;
    }

    .mobile-menu-btn {
        display: none;
    }

    .hero h1 {
        font-size: 3.5rem;
    }

    .hero-subtitle {
        font-size: 1.4rem;
    }

    .features-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .rotating-phrase {
        font-size: 1.2rem;
        padding: 1.5rem 2rem;
    }
}

@media (min-width: 1024px) {
    .hero h1 {
        font-size: 4rem;
    }

    .section-title {
        font-size: 2.5rem;
    }
}

/* Animation for rotating phrases */
.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Bitcoin pattern overlay */
.greek-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="bitcoin-pattern" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="2" fill="%23F7931A" opacity="0.1"/><path d="M10 10L40 10L40 40L10 40Z" fill="none" stroke="%23F7931A" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23bitcoin-pattern)"/></svg>');
    opacity: 0.3;
    pointer-events: none;
}