:root{--primary-color: #29b6f6;--secondary-color: #0288d1;--text-color: #ddd;--background-dark: #0d0b14;--card-bg: #2c3245;--hover-color: #00ffd5;--java-color: #f89820;--python-color: #306998;--sql-color: #f29111}body{margin:0;font-family:sans-serif;line-height:1.6;background:var(--background-dark);color:var(--text-color)}.java-container,.python-container,.sql-container{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeInUp .8s ease forwards}.java-container h2{color:var(--java-color);font-size:2.5rem;text-shadow:0 0 10px rgba(248,152,32,.5);margin-bottom:2rem}.java-container img{max-width:200px;margin:2rem auto;display:block;border-radius:10px}.java-container h3{color:var(--java-color);margin-top:2rem}.java-container ul{list-style-type:none;padding-left:1rem}.java-container ul li{margin:.5rem 0;position:relative;padding-left:1.5rem}.java-container ul li:before{content:"•";color:var(--java-color);position:absolute;left:0}.java-container pre{background:#1a1a1a;padding:1rem;border-radius:8px;overflow-x:auto}.java-container code{color:#00ffd5;font-family:Courier New,monospace}.python-container h2{color:var(--python-color);font-size:2.5rem;text-shadow:0 0 10px rgba(48,105,152,.5);margin-bottom:2rem}.python-container img{max-width:200px;margin:2rem auto;display:block;border-radius:10px}.sql-container h2{color:var(--sql-color);font-size:2.5rem;text-shadow:0 0 10px rgba(242,145,17,.5);margin-bottom:2rem}.sql-container img{max-width:200px;margin:2rem auto;display:block;border-radius:10px}h2{font-size:2.5rem;margin-bottom:2rem}p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--hover-color)}@media (max-width: 768px){.java-container,.python-container,.sql-container{padding:1rem}h2{font-size:2rem}p{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-primary{background:linear-gradient(135deg,#29b6f6,#0288d1);box-shadow:0 4px 12px #29b6f6aa;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .3s ease,box-shadow .5s ease}.button-primary:hover,.button-primary:focus{background:linear-gradient(135deg,#0288d1,#015a9c);box-shadow:0 0 20px #0288d1dd,0 0 30px #29b6f6bb;outline:none}.card{background:linear-gradient(145deg,#2c3245,#222a3a);border-radius:16px;box-shadow:0 10px 15px #0006,inset 0 0 8px #3a4a70cc;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #64b5f6cc,inset 0 0 12px #1e88e5dd}.card-title{text-shadow:0 0 10px #ffb300dd,0 0 20px #ffb300aa;letter-spacing:.03em}.section p:hover{color:#fff;transition:color .3s ease;cursor:default}.form-input,.form-textarea{background:linear-gradient(145deg,#181c24,#222a3a);box-shadow:inset 4px 4px 8px #14171e,inset -4px -4px 8px #2c3245;transition:box-shadow .3s ease,background .3s ease}.form-input:focus,.form-textarea:focus{box-shadow:0 0 15px #29b6f6cc,inset 4px 4px 10px #0d1220,inset -4px -4px 10px #3b4c73;background:#1c2234}.footer a{font-weight:600;letter-spacing:.05em;transition:color .4s ease,text-shadow .4s ease}.footer a:hover{text-shadow:0 0 12px #ffb300cc}#scrollTopBtn{position:fixed;bottom:40px;right:40px;background:#29b6f6;color:#181c24;padding:12px 16px;border-radius:50%;box-shadow:0 0 12px #29b6f6cc;cursor:pointer;font-weight:700;font-size:1.4rem;display:none;-webkit-user-select:none;user-select:none;z-index:9999;transition:background .3s ease,box-shadow .3s ease}#scrollTopBtn:hover{background:#0288d1;box-shadow:0 0 24px #0288d1dd}body.scrolled #scrollTopBtn{display:block}@media (max-width: 600px){.button-primary{width:100%;padding:14px 0;font-size:1.1rem;box-shadow:0 6px 16px #29b6f6aa}#scrollTopBtn{bottom:24px;right:24px;font-size:1.2rem;padding:10px 14px}}