*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#4f46e5,#3b82f6);min-height:100vh;font-family:Arial,sans-serif}.container{max-width:900px;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:2rem}.hero h1{color:#fff;font-size:3rem;font-weight:700}.hero p{color:#e0e7ff;margin-top:.5rem;font-size:1.2rem}.card{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}label{margin-bottom:.5rem;font-weight:700;display:block}input,select,textarea{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1rem}button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#3b82f6);border:none;border-radius:8px;width:100%;padding:1rem;font-weight:700;transition:transform .2s,background .3s}button:hover{background:linear-gradient(90deg,#4338ca,#2563eb);transform:scale(1.02)}.flashcards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.flashcard{background:#fff;border-radius:10px;padding:1.5rem;transition:transform .2s;box-shadow:0 2px 10px rgba(0,0,0,.1)}.flashcard:hover{transform:translateY(-5px)}.flashcard h2{color:#4f46e5;margin-bottom:1rem;font-size:1.2rem}.flashcard p{color:#444;line-height:1.4}.copy-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1rem}.copy-btn:hover{background:#059669}