html,body{margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#121212;color:#e6e6e6;line-height:1.6;}a{color:#81A1C1;text-decoration:none;}a:hover{text-decoration:underline;}header{background-color:#0d0d0d;padding:10px 20px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.8);}header .nav{display:flex;justify-content:space-between;align-items:center;}header .nav .logo{font-size:1.4rem;font-weight:bold;color:#ffffff;}header .nav ul{list-style:none;display:flex;margin:0;padding:0;}header .nav ul li{margin-left:20px;}header .nav ul li a{color:#e6e6e6;font-weight:500;transition:color 0.2s ease-in-out;}header .nav ul li a:hover{color:#88c0d0;}.hero{background-size:cover;background-position:center;padding:80px 20px;text-align:center;color:#ffffff;position:relative;}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}.hero > *{position:relative;z-index:1;}.hero h1{font-size:2.8rem;margin-bottom:20px;}.hero p{font-size:1.2rem;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto;}.hero .cta{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;}.btn{background-color:#88c0d0;color:#0d0d0d;padding:12px 24px;border-radius:6px;font-weight:bold;transition:background-color 0.3s ease;}.btn:hover{background-color:#81a1c1;}.btn.secondary{background-color:transparent;border:2px solid #88c0d0;color:#88c0d0;}.btn.secondary:hover{background-color:#88c0d0;color:#0d0d0d;}main{max-width:1100px;margin:20px auto;padding:0 20px;}.latest-articles h2{font-size:1.8rem;margin-bottom:20px;}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}.article-card{background-color:#1e1e1e;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 4px rgba(0,0,0,0.7);}.article-card img{width:100%;height:160px;object-fit:cover;}.article-card .content{padding:15px;flex-grow:1;}.article-card .content h3{margin-top:0;font-size:1.2rem;color:#eceff4;}.article-card .content p{font-size:0.95rem;color:#d8dee9;flex-grow:1;}.article-card .content .read-more{display:inline-block;margin-top:10px;font-weight:bold;color:#88c0d0;}footer{background-color:#0d0d0d;color:#a5a5a5;text-align:center;padding:20px;margin-top:40px;}footer .social{margin:10px 0;}footer .social a{margin:0 10px;color:#88c0d0;font-size:1.2rem;}.article-page{margin-top:30px;}.article-page h1{font-size:2.4rem;margin-bottom:10px;}.article-page h2{font-size:1.6rem;margin-top:25px;margin-bottom:10px;}.article-page p{margin-bottom:15px;font-size:1rem;}blockquote{border-left:4px solid #88c0d0;padding-left:15px;color:#cbd5e1;font-style:italic;margin:20px 0;}table{width:100%;border-collapse:collapse;margin:20px 0;}table th,table td{border:1px solid #333;padding:10px;text-align:left;}table th{background-color:#222;color:#eceff4;}table td{background-color:#1a1a1a;}.tool-container{background-color:#1e1e1e;padding:20px;border-radius:8px;max-width:600px;margin:20px auto;box-shadow:0 2px 4px rgba(0,0,0,0.6);}.tool-container h2{margin-top:0;}.tool-container label{display:block;margin-bottom:8px;}.tool-container input[type="number"],.tool-container select{width:100%;padding:10px;border:1px solid #333;border-radius:4px;background-color:#2b2b2b;color:#e6e6e6;margin-bottom:15px;}.tool-container button{background-color:#88c0d0;color:#0d0d0d;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:bold;}.tool-container button:hover{background-color:#81a1c1;}.tool-container .result{margin-top:15px;font-weight:bold;}@media (max-width:768px){.hero h1{font-size:2rem;}.hero p{font-size:1rem;}}