@extends('layouts.master')

@section('content')
<style>
    .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }

    .neon-glow {
        box-shadow: 0 0 15px rgba(0, 255, 157, 0.3);
    }

    .neon-border {
        border: 1px solid rgba(0, 255, 157, 0.2);
    }

    .terminal-bg {
        background: linear-gradient(180deg, #10141a 0%, #0d1117 100%);
    }

    .bg-primary {
        background-color: #00ff9d;
    }

    .text-surface,.text-on-surface  {
        color: #fff;
    }
</style>
<main class=" pt-16 p-12 min-h-screen">

    <h2 class="text-3xl font-bold text-primary mb-6">Create Persona</h2>

    <form method="POST" action="{{ route('personas.store') }}" enctype="multipart/form-data">
        @csrf

        @include('personas._form')

        <button class="mt-6 px-6 py-3 bg-primary text-black rounded font-bold">
            Save Persona
        </button>

    </form>

</main>

@endsection