/* externalized inline style v84 | source: resources/views/partials/develancer-brand-system.blade.php | style-id: no-id-1 | generated 20260728-080417 */
:root{
        --dv-navy:#0f172a;
        --dv-slate:#475569;
        --dv-muted:#64748b;
        --dv-border:#e5e7eb;
        --dv-soft:#f8fafc;
        --dv-blue:#2563eb;
        --dv-purple:#7c3aed;
        --dv-cyan:#06b6d4;
        --dv-gold:#fbbf24;
        --dv-green:#16a34a;
        --dv-radius:24px;
        --dv-shadow:0 18px 45px rgba(15,23,42,.10);
        --dv-shadow-soft:0 12px 30px rgba(15,23,42,.08);
    }

    body{
        background:
            radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 28%),
            radial-gradient(circle at 10% 20%, rgba(124,58,237,.07), transparent 26%),
            #f8fafc;
        color:var(--dv-navy);
    }

    a{
        text-underline-offset:4px;
    }

    .btn,
    button.btn,
    a.btn{
        border-radius:16px !important;
        font-weight:900 !important;
        letter-spacing:-.01em;
        box-shadow:0 10px 24px rgba(37,99,235,.12);
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }

    .btn:hover,
    button.btn:hover,
    a.btn:hover{
        transform:translateY(-2px);
        box-shadow:0 16px 34px rgba(37,99,235,.18);
    }

    .btn.green,
    .btn.primary-create-project,
    a.btn.green{
        background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
        border-color:transparent !important;
        color:#fff !important;
    }

    .btn.secondary,
    a.btn.secondary{
        background:#fff !important;
        color:#1e293b !important;
        border:1px solid #e2e8f0 !important;
        box-shadow:0 10px 24px rgba(15,23,42,.05);
    }

    .card{
        border-radius:var(--dv-radius) !important;
        border:1px solid rgba(226,232,240,.9) !important;
        box-shadow:var(--dv-shadow-soft);
    }

    .tag{
        border-radius:999px !important;
        font-weight:900 !important;
    }

    .dv-brand-wordmark{
        display:inline-flex;
        align-items:center;
        gap:10px;
        text-decoration:none;
        color:var(--dv-navy);
        font-weight:950;
    }

    .dv-brand-wordmark img{
        width:42px;
        height:42px;
        border-radius:14px;
        box-shadow:0 12px 24px rgba(37,99,235,.18);
    }

    .dv-brand-wordmark span{
        font-size:21px;
        letter-spacing:-.03em;
    }

    .dv-glass{
        background:rgba(255,255,255,.78);
        border:1px solid rgba(255,255,255,.76);
        box-shadow:var(--dv-shadow);
        backdrop-filter:blur(16px);
    }

    @media(max-width:640px){
        .btn,
        a.btn{
            border-radius:14px !important;
        }
    }