.home-container{display:flex;flex-direction:column;gap:50px;padding-bottom:50px}.hero-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#4a148c;text-align:center;padding:50px 20px;border-radius:20px;box-shadow:0 10px 25px #0003}.hero-section h1{font-size:3rem;margin-bottom:20px}.hero-text{font-size:1.5rem;margin-bottom:30px}.btn-primary{background:#4a148c;color:#fff;padding:15px 30px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s}.btn-primary:hover{background:#7b1fa2;transform:scale(1.05)}.about-section{background:#ffffffe6;padding:40px 20px;border-radius:20px;box-shadow:0 8px 20px #0003;text-align:center}.about-section p{font-size:1.2rem;line-height:1.6}.hobbies-section{text-align:center}.hobbies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px}.hobby-card{background:#fff3ff;border-radius:15px;padding:20px;transition:transform .3s,box-shadow .3s;cursor:pointer}.hobby-card img{width:60px;height:60px;margin-bottom:10px}.hobby-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.hobby-card p{font-weight:700;color:#4a148c}.cta-section{text-align:center;background:linear-gradient(to right,#fad0c4,#ffd1ff);padding:50px 20px;border-radius:20px;box-shadow:0 8px 25px #0003}.cta-section h2{font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:30px}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-secondary{background:#ff6f61;color:#fff;padding:12px 25px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s}.btn-secondary:hover{background:#ff9472;transform:scale(1.05)}.center-grid{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.about-container{max-width:900px;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;gap:40px}.about-container h1{text-align:center;color:#4a148c;font-size:3rem}.about-intro{text-align:center;font-size:1.3rem;line-height:1.6}.favorites-section{text-align:center}.favorites-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.favorite-card{background:#fff3ff;padding:20px;border-radius:15px;width:150px;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer}.favorite-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.favorite-card img{width:60px;height:60px;margin-bottom:10px}.favorite-card p{font-weight:700;color:#4a148c}.funfacts-section{background:#ffffffe6;padding:30px;border-radius:15px;box-shadow:0 8px 20px #00000026}.funfacts-section h2{text-align:center;color:#4a148c;margin-bottom:20px}.funfacts-section ul{list-style:none;padding:0;font-size:1.2rem;display:flex;flex-direction:column;gap:10px}.funfacts-section li:before{content:"⭐";margin-right:8px;color:#ff6f61}.gallery-container{max-width:1000px;margin:40px auto;padding:0 20px;text-align:center}.gallery-container h1{color:#4a148c;margin-bottom:30px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.image-item img{width:100%;height:200px;object-fit:cover;border-radius:10px;cursor:pointer;transition:transform .3s,box-shadow .3s}.image-item img:hover{transform:scale(1.05);box-shadow:0 8px 15px #0000004d}.modal{display:flex;position:fixed;z-index:1000;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;justify-content:center;align-items:center}.modal-content{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 8px 20px #00000080;animation:zoomIn .3s}.close{position:fixed;top:20px;right:40px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}.close:hover{color:#bbb}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.videos-container{max-width:1000px;margin:40px auto;padding:0 20px;text-align:center}.videos-container h1{color:#4a148c;margin-bottom:30px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.video-item video{width:100%;height:200px;border-radius:10px;object-fit:cover;cursor:pointer;transition:transform .3s,box-shadow .3s}.video-item video:hover{transform:scale(1.03);box-shadow:0 8px 15px #0000004d}.video-modal{display:flex;position:fixed;z-index:1000;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000d9;justify-content:center;align-items:center}.video-modal-content{max-width:90%;max-height:80%;border-radius:10px;box-shadow:0 8px 20px #00000080}.video-close{position:fixed;top:20px;right:40px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}.video-close:hover{color:#bbb}.tictactoe-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.tictactoe-board{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);border:2px solid #333}.tictactoe-board button{width:80px;height:80px;font-size:24px;border:1px solid #333;margin:0;padding:0;background-color:#30b088;cursor:pointer}.tictactoe-board button:hover{background-color:#901717}.tictactoe-info{margin-top:10px;font-size:18px}.tictactoe-container button.reset-btn{margin-top:15px;padding:8px 16px;font-size:16px;border-radius:6px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.tictactoe-container button.reset-btn:hover{background-color:#45a049}@media (max-width: 500px){.tictactoe-board{grid-template-columns:repeat(3,20vw);grid-template-rows:repeat(3,20vw)}.tictactoe-board button{width:20vw;height:20vw;font-size:5vw}}.comment-section-container{max-width:600px;margin:40px auto;background:#ffffffe6;padding:30px;border-radius:10px;box-shadow:0 8px 16px #0003;color:#333}.comment-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.comment-input,.comment-textarea{padding:10px 15px;border-radius:8px;border:1px solid #aaa;font-size:16px;resize:vertical}.comment-input:focus,.comment-textarea:focus{outline:none;border-color:#4a148c;box-shadow:0 0 5px #4a148c80}.comment-textarea{min-height:100px}.comment-button{background:#4a148c;color:#fff;font-weight:700;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.comment-button:hover{background:#7b1fa2}.comments-display h3{text-align:center;margin-bottom:20px;color:#4a148c}.comment-card{background:#f1f1f1;padding:12px 15px;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 5px #0000001a}.comment-card strong{color:#4a148c}body{margin:0;font-family:Comic Sans MS,cursive,sans-serif;background:linear-gradient(to right,#bd4a65,#9795ef);color:#333}.navbar{background:#ff6f61;padding:15px;display:flex;justify-content:center;gap:20px}.navbar a{color:#fff;text-decoration:none;font-weight:700;transition:.3s}.navbar a:hover{color:#ff0}.page-container{padding:20px}h1,h2,h3{text-align:center;color:#4a148c}