<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
    <title>Self Assessment | RS Learning Lab</title>

    <style>
        body{
            margin:0;
            min-height:100vh;
            background:radial-gradient(circle at top,#0f172a,#020617);
            font-family:Segoe UI,sans-serif;
            color:#e5e7eb;
        }
        .wrap{
            max-width:600px;
            margin:80px auto;
            padding:20px;
        }
        h1{
            margin-bottom:10px;
        }
        .card{
            background:#020617;
            border:1px solid #1f2937;
            border-radius:18px;
            padding:30px;
        }
        label{
            display:block;
            margin-bottom:6px;
            font-size:14px;
            opacity:.8;
        }
        input{
            width:100%;
            padding:12px;
            margin-bottom:18px;
            border-radius:10px;
            border:1px solid #1f2937;
            background:#020617;
            color:white;
        }
        button{
            width:100%;
            background:#0ea5e9;
            border:none;
            padding:14px;
            border-radius:12px;
            font-weight:600;
            cursor:pointer;
        }
        button:hover{
            background:#38bdf8;
        }
        .back{
            display:block;
            margin-top:30px;
            text-align:center;
            color:#38bdf8;
            text-decoration:none;
            font-size:14px;
        }
    </style>
</head>
<body>

<div class="wrap">
    <h1>💻 Self-Assessment</h1>
    <p style="opacity:.7">
        Enter your details to begin the learning style assessment.
    </p>

    <form method="POST" action="quiz.php">

        <div class="card">
            <label>Student Name</label>
            <input type="text" name="student_name" required placeholder="Eg: Arjun K">

            <label>Roll Number</label>
            <input type="text" name="roll_no" required placeholder="Eg: 12">

            <button type="submit">Start Assessment</button>
        </div>
    </form>

    <a href="choose_assessment_mode.php" class="back">
        ← Back to Assessment Mode
    </a>
</div>

</body>
</html>
