:root{
      --accent:#22c55e;
      --accent-soft:rgba(34,197,94,.2);
      --bg1:#052e2b;
      --bg2:#020617;
      --card:rgba(2,6,23,.85);
      --border:rgba(34,197,94,.25);
      --text:#e5e7eb;
      --muted:#94a3b8;
    }

    *{
      box-sizing:border-box;
      font-family:Inter,system-ui,Arial,sans-serif
    }

    body{
      margin:0;
      min-height:100vh;
      background:radial-gradient(1200px 600px at top,var(--bg1),var(--bg2));
      color:var(--text);
    }

    .container{
      max-width:820px;
      margin:auto;
      padding:36px 16px 80px;
    }

    h1{
      text-align:center;
      font-size:36px;
      margin-bottom:6px;
      background:linear-gradient(90deg,#34d399,#22c55e,#14b8a6);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    .subtitle{
      text-align:center;
      color:var(--muted);
      font-size:14px;
      margin-bottom:16px;
    }

    .card{
      background:var(--card);
      backdrop-filter:blur(10px);
      border-radius:18px;
      padding:20px;
      border:1px solid var(--border);
      box-shadow:0 20px 40px rgba(0,0,0,.45);
    }

    input{
      width:100%;
      padding:14px 16px;
      border-radius:12px;
      border:1px solid var(--border);
      background:#020617;
      color:var(--text);
      font-size:15px;
      outline:none;
    }

    input::placeholder{color:#64748b}

    input:focus{
      border-color:var(--accent);
      box-shadow:0 0 0 3px var(--accent-soft);
    }

    button{
      margin-top:16px;
      width:100%;
      padding:14px;
      border-radius:12px;
      border:none;
      background:linear-gradient(135deg,#22c55e,#16a34a);
      color:#022c22;
      font-size:15px;
      font-weight:800;
      cursor:pointer;
    }

    button:active{transform:scale(.98)}

    .result{
      margin-top:26px;
      background:rgba(2,6,23,.85);
      border:1px solid var(--border);
      border-radius:16px;
      padding:18px;
      white-space:pre-line;
      line-height:1.7;
      font-size:14px;
    }

    footer{
      text-align:center;
      font-size:13px;
      color:#64748b;
      margin-top:46px;
    }