@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Inter:wght@400;500;600&family=Roboto:wght@400;500&display=swap');

:root {
    --atha-black: #111111;
    --surface-grey: #1C1C1E;
    --lab-white: #F5F5F7;
    --electric-sky: #19C1FF;
    --privacy-green: #00D15C;
    --stroke-color: #2C2C2E;
}

body {
    background-color: var(--atha-black);
    color: var(--lab-white);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4, .brand-font {
    font-family: 'Comfortaa', cursive;
    letter-spacing: -0.05em;
}

.bg-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, #161618 0%, #111111 100%);
    z-index: -1;
}

.global-glow {
    position: fixed;
    width: 240vmax;
    height: 240vmax;
    background: radial-gradient(ellipse at center, rgba(25, 193, 255, 0.05) 0%, rgba(25, 193, 255, 0.03) 45%, rgba(25, 193, 255, 0.015) 70%, transparent 88%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    filter: blur(12px);
}

.squircle { 
    border-radius: 24px; 
}

.text-electric { color: var(--electric-sky); }
.text-privacy { color: var(--privacy-green); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--atha-black); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }

.glass-nav {
    background: rgba(17, 17, 17, 0.7);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    z-index: 1000;
}

.app-card {
    background: var(--surface-grey);
    border: 1px solid var(--stroke-color);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.app-card:hover {
    transform: scale(1.02);
}

.btn-primary {
    background-color: var(--lab-white);
    color: var(--atha-black);
    padding: 12px 24px;
    border-radius: 9999px;
    font-weight: bold;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.btn-primary:hover {
    transform: scale(1.05);
}

.btn-secondary {
    background-color: transparent;
    color: var(--lab-white);
    border: 1px solid var(--stroke-color);
    padding: 12px 24px;
    border-radius: 9999px;
    font-weight: bold;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}
.btn-secondary:hover {
    border-color: var(--electric-sky);
    color: var(--electric-sky);
}

.panel {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
    position: relative;
    width: 100%;
}

.fade-in-section {
    opacity: 0;
    transform: translateY(40px);
}

/* Navigation SVG Logo */
.brand-logo-rect { fill: var(--lab-white); }
.brand-logo-circ { fill: var(--atha-black); }
.brand-logo-arch { fill: var(--atha-black); }

/* Utility */
.max-w-7xl { max-width: 80rem; margin-left: auto; margin-right: auto; }
.tracking-tight { letter-spacing: -0.05em; }

/* Mobile nav summary reset */
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }