[data-v-3dd4a6b4]{margin:0;padding:0;box-sizing:border-box}body[data-v-3dd4a6b4]{font-family:Inter,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.welcome-page[data-v-3dd4a6b4]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#fff;text-align:center}.welcome-page h1[data-v-3dd4a6b4]{font-size:3rem;margin-bottom:20px;font-weight:600}.welcome-page button[data-v-3dd4a6b4]{padding:12px 24px;font-size:1rem;background-color:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.welcome-page button[data-v-3dd4a6b4]:hover{background-color:#333;color:#fff}.main-content[data-v-3dd4a6b4]{padding:20px;background-color:#fff;display:flex;flex-direction:column;gap:20px}.navbar[data-v-3dd4a6b4]{background-color:#333;padding:15px;text-align:center;width:100%}.navbar ul[data-v-3dd4a6b4]{list-style:none;display:flex;justify-content:center;gap:20px}.navbar ul li a[data-v-3dd4a6b4]{color:#000;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.navbar ul li a[data-v-3dd4a6b4]:hover{color:#ccc}.content-box[data-v-3dd4a6b4]{background-color:#fff;padding:20px;margin:20px 0;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;flex:1}.content-box[data-v-3dd4a6b4]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.about-me-container[data-v-3dd4a6b4]{display:flex;gap:20px;align-items:flex-start}.about-me-text[data-v-3dd4a6b4]{flex:2}.about-me-image img[data-v-3dd4a6b4]{width:200px;height:400px;object-fit:cover;border-radius:8px;border:4px solid #000}table[data-v-3dd4a6b4]{width:100%;border-collapse:collapse;margin-top:20px}th[data-v-3dd4a6b4],td[data-v-3dd4a6b4]{padding:12px;border:1px solid #ddd;text-align:left}th[data-v-3dd4a6b4]{background-color:#000;color:#fff}.gallery[data-v-3dd4a6b4]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.gallery img[data-v-3dd4a6b4]{width:300px;height:200px;object-fit:cover;border-radius:8px;border:4px solid #000;transition:transform .3s ease}.gallery img[data-v-3dd4a6b4]:hover{transform:scale(1.05)}form[data-v-3dd4a6b4]{display:flex;flex-direction:column;gap:10px;margin-top:20px}input[data-v-3dd4a6b4],textarea[data-v-3dd4a6b4]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}input[data-v-3dd4a6b4]:focus,textarea[data-v-3dd4a6b4]:focus{border-color:#000;outline:none}button[data-v-3dd4a6b4]{padding:10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button[data-v-3dd4a6b4]:hover{background-color:#333}.no-bullets[data-v-3dd4a6b4]{list-style:none;padding:0}.no-bullets li[data-v-3dd4a6b4]{background-color:#f5f5f5;padding:10px;margin:10px 0;border-radius:4px;border:1px solid #ddd}.footer[data-v-3dd4a6b4]{background-color:#000;color:#fff;text-align:center;padding:20px;margin-top:40px;width:100%}.social-media[data-v-3dd4a6b4]{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.social-media img[data-v-3dd4a6b4]{width:40px;height:40px;transition:transform .3s ease}.social-media img[data-v-3dd4a6b4]:hover{transform:scale(1.1)}.footer p[data-v-3dd4a6b4]{margin:0;font-size:.9rem;color:#ccc}.comment-form[data-v-e31c450e]{max-width:600px;margin:30px auto;padding:20px;background:#fffffff2;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.comment-form[data-v-e31c450e]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}h3[data-v-e31c450e]{text-align:center;margin-bottom:15px}.form-group[data-v-e31c450e]{margin-bottom:15px}label[data-v-e31c450e]{font-weight:600;display:block;margin-bottom:5px}input[data-v-e31c450e],textarea[data-v-e31c450e]{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease}input[data-v-e31c450e]:focus,textarea[data-v-e31c450e]:focus{border-color:#3498db;outline:none}button[data-v-e31c450e]{width:100%;padding:10px;font-size:1.2rem;background:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}button[data-v-e31c450e]:disabled{background:#95a5a6;cursor:not-allowed}button[data-v-e31c450e]:hover:not(:disabled){background:#2980b9}.error[data-v-e31c450e]{color:red;text-align:center;margin-top:10px}.success[data-v-e31c450e]{color:green;text-align:center;margin-top:10px}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#f8f9fa;color:#333}#app{text-align:center;padding:20px}