body {
            font-family: 'Courier New', monospace;
            background: linear-gradient(135deg, #0f0f23, #1a1a3a, #2d1b69);
            color: #e0e0ff;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .page-card {
            background: rgba(15, 23, 42, 0.9);
            border-radius: 18px;
            border: 2px solid #4a44cc;
            padding: 2rem;
            width: 100%;
            max-width: 420px;
        }

        h1 {
            text-align: center;
            margin-bottom: 1.5rem;
        }

        input {
            width: 90%;
            padding: 0.9rem;
            border-radius: 12px;
            border: 2px solid #4a44cc;
            background: rgba(25, 25, 45, 0.95);
            color: #e0e0ff;
            margin-bottom: 0.8rem;
            font-family: inherit;
        }

        .send-btn {
            height: 55px;
            background: linear-gradient(135deg, #10b981, #059669);
            border: none;
            border-radius: 12px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            width: 100%;
        }

        .error-box {
            background: rgba(239,68,68,0.2);
            border: 1px solid #ef4444;
            padding: 0.7rem;
            border-radius: 10px;
            margin-bottom: 1rem;
            font-size: 0.9rem;
            text-align: center;
            color: #fecaca;
        }

        .links {
            text-align: center;
            margin-top: 1rem;
            font-size: 0.9rem;
        }

        .links a {
            color: #a5b4fc;
            text-decoration: none;
        }
        .banner-area {
            margin: 0 2rem 2.5rem;
            height: 100px;
            background: linear-gradient(90deg, rgba(139, 92, 246, 0.25), rgba(59, 130, 246, 0.25));
            border: 2px dashed #6b46c1;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.95rem;
            color: #a78bfa;
            text-align: center;
            flex-direction: column;
        }
        .cookie-banner{

            position:fixed;
            bottom:0;
            left:0;
            right:0;

            background:#111;
            color:white;

            padding:15px;

            display:flex;
            justify-content:space-between;
            align-items:center;

            z-index:9999;
        }

        .cookie-actions button{

            margin-left:10px;
        }
        .hidden{
            display:none;
        }
        .hero {
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 1rem;
}

.hero h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.hero p {
    font-size: 1rem;
    margin-bottom: 1.2rem;
    color: #c7d2fe;
}

.cta-main {
    display: inline-block;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    padding: 0.9rem 1.5rem;
    border-radius: 12px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.trust {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #a5b4fc;
}
.seo-content {
    max-width: 700px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-size: 0.95rem;
    color: #c7d2fe;
}
.section {
    max-width: 700px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.cta-final {
    text-align: center;
    margin: 3rem 0;
}
.tools {
    margin-top: 2rem;
    text-align: center;
}

.tool-links {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.tool-card {
    display: block;
    padding: 1rem;
    border: 2px solid #4a44cc;
    border-radius: 12px;
    text-decoration: none;
    color: #e0e0ff;
    background: rgba(25,25,45,0.8);
}
.top-nav {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.top-nav a {
    color: #a5b4fc;
    text-decoration: none;
    font-size: 0.9rem;
}