*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Arial',sans-serif;padding-top:70px;background:#f2f2f2;color:#333;line-height:1.6;}a{text-decoration:none;color:inherit;}hr{border:1px solid #f0eceb;margin-top:5px;margin-bottom:5px;}.navbar{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#009688,#4db6ac);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.3);}.navbar .logo{font-size:1.8em;font-weight:bold;color:#fff;}.navbar nav{display:flex;gap:30px;align-items:center;}.navbar nav a{color:#fff;font-size:1em;transition:color 0.3s,border-bottom 0.3s;padding-bottom:5px;}.navbar nav a:hover{color:#b2dfdb;border-bottom:2px solid #b2dfdb;}.navbar nav .login-button{background:#fff;color:#009688;padding:8px 16px;border-radius:20px;border:2px solid #fff;font-weight:bold;transition:background 0.3s,color 0.3s,border-color 0.3s;}.navbar nav .login-button:hover{background:#009688;color:#fff;border-color:#009688;}.menu-toggle{display:none;font-size:1.5em;cursor:pointer;color:#fff;}@media (max-width:768px){.navbar nav{position:fixed;top:60px;right:0;background:#fff;flex-direction:column;width:200px;padding:20px;box-shadow:-2px 0 5px rgba(0,0,0,0.1);display:none;gap:5px;}.navbar nav.active{display:flex;}.menu-toggle{display:block;}.navbar nav .login-button{margin-top:10px;}.navbar nav a{color:#009688;}.navbar nav a:hover{color:#00796b;border-bottom:2px solid #00796b;}}.container{max-width:1200px;margin:20px auto;display:flex;gap:20px;padding:0 15px;}.main-content{flex:0 0 73%;background:#fff;padding:20px;box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius:8px;}.main-content a{color:#00796b;}.main-content h1{margin-bottom:10px;font-size:2em;color:#00796b;}.post-meta{margin-bottom:15px;font-size:0.9em;color:#7f8c8d;}.main-content p{margin-bottom:15px;text-align:justify;}.sidebar{flex:0 0 27%;background:#fff;padding:20px;box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius:8px;height:fit-content;}.sidebar h3{margin-bottom:10px;border-bottom:2px solid #009688;padding-bottom:5px;color:#00796b;}.sidebar ul{list-style:none;margin-bottom:20px;}.sidebar ul li{margin-bottom:8px;}.sidebar ul li a{color:#00796b;transition:color 0.3s;}.sidebar ul li a:hover{color:#004d40;}.recent-post{background:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;box-shadow:0 0 3px rgba(0,0,0,0.1);overflow:hidden;text-align:justify;}.recent-post img{width:100%;height:auto;display:block;}.recent-post h4{color:#00796b;font-size:1.1em;margin:10px;}.recent-post h4 a{color:inherit;}.recent-post h4 a:hover{color:#004d40;}.recent-post p{font-size:0.9em;margin:0 10px 10px 10px;color:#555;}.recent-post .post-views{display:block;font-size:0.8em;margin:0 10px 10px 10px;color:#777;}footer{background:#00695c;color:#fff;text-align:center;padding:15px 20px;margin-top:0px;font-size:0.9em;}footer a{color:#fff;margin:0 5px;transition:color 0.3s;}footer a:hover{color:#80cbc4;}@media (max-width:768px){.container{flex-direction:column;}}.button-group{display:flex;gap:10px;margin-top:20px;}.btn{border:none;padding:10px 20px;font-size:1em;border-radius:4px;cursor:pointer;color:#fff;}.btn-green{background-color:green;}.btn-blue{background-color:blue;}.btn-red{background-color:red;}.search-bar{width:100%;display:flex;align-items:center;margin-bottom:20px;}.search-bar input[type="text"]{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;min-width:0;}.search-bar button{padding:10px 20px;margin-left:10px;border:none;background-color:#009688;color:#fff;border-radius:4px;cursor:pointer;}.search-bar button:hover{background-color:#00796b;}.post-item{display:flex;align-items:flex-start;background:#fff;margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.1);}.post-item img{width:265px;height:175px;object-fit:cover;}.post-content{flex:1;padding:0 20px 20px 20px;}.post-content h2{margin-top:0;margin-bottom:10px;font-size:1.3em;color:#00796b;}.post-content h2 a{text-decoration:none;color:inherit;}.post-content h2 a:hover{color:#004d40;}.post-content .post-meta{font-size:0.9em;color:#7f8c8d;margin-bottom:10px;}.post-content p{margin:0;color:#555;line-height:1.5;}.pagination{display:flex;justify-content:center;margin-top:20px;}.pagination a{color:#00796b;padding:8px 16px;margin:0 4px;border:1px solid #ddd;border-radius:4px;text-decoration:none;transition:background-color 0.3s ease;}.pagination a:hover{background-color:#ddd;}.pagination a.active{background-color:#00796b;color:#fff;border-color:#00796b;}@media (max-width:768px){.post-item{flex-direction:column;}.post-item img{width:100%;height:auto;}.post-item a{width:100%;height:auto;}.post-content{padding:20px;}}.post-nama{display:flex;margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.1);}.post-nama .card-header{padding:20px;text-align:center;width:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;}.card-header a{text-decoration:none;color:inherit;display:block;}.post-nama .card-header .big-letter{font-size:2.5em;margin-bottom:5px;}.post-nama .card-header .name-latin{font-size:1.1em;font-weight:bold;margin-bottom:5px;}.post-nama .card-header .name-arabic{font-size:1.1em;font-style:italic;}.post-nama .card-body{flex:1;background-color:#fff;padding:20px;}.extra-name{font-weight:bold;font-size:1em;margin-bottom:5px;color:#444;}.extra-name a{color:#444;text-decoration:none;}.extra-name a:hover{color:#00796b;}.post-nama .post-meta{color:#888;font-size:0.9em;margin-bottom:10px;}.post-nama p{color:#555;line-height:1.5;margin:0;}.perempuan .card-header{background-color:#f48fb1;width:150px;}.purple-card .card-header{background-color:#8c8c8c;}.php .card-header{background-color:#366ba1;}.python .card-header{background-color:#efb94e;}.mysql .card-header{background-color:#6db15d;}.java .card-header{background-color:#ffb48f;}.sd .card-header{background-color:#5c0000;}.smp .card-header{background-color:#003366;}.sma .card-header{background-color:#6e95c4;}.green-card .card-header{background-color:#81c784;}.laki-laki .card-header{background-color:#4db6ac;width:150px;}@media (max-width:768px){.post-nama{flex-direction:column;}.post-nama .card-header,.post-nama .card-body{width:100%;}}.vertical-card{flex-direction:column !important;}.vertical-card .card-header,.vertical-card .card-body{width:100%;}table{width:100%;border-collapse:collapse;margin:20px 0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:0.9em;box-shadow:0 0 20px rgba(0,0,0,0.15);border-radius:5px;overflow:hidden;}thead tr{background-color:#009879;color:#ffffff;text-align:left;font-weight:bold;}th,td{padding:12px 15px;}tbody tr{border-bottom:1px solid #dddddd;}tbody tr:nth-of-type(even){background-color:#f3f3f3;}tbody tr:last-of-type{border-bottom:2px solid #009879;}tbody tr:hover{background-color:#f1f1f1;cursor:pointer;}.hrgsty{margin:0px;padding:0px;width:100%;border:1px solid #006038;border-radius:5px;}.hrgsty table{border-collapse:collapse;border-spacing:0;width:100%;margin:0px;padding:0px;}.hrgsty th{border-width:1px;padding:8px;}.hrgsty td{border:1px solid #006038;border-width:1px;padding:7px;max-width:400px;min-width:50px;}.hrgsty tr:hover td{background-color:#cbf2f4;}.hrgsty tr:first-child td{background:-o-linear-gradient(bottom,#1bd185 5%,#00a05d 100%);background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#1bd185),color-stop(1,#00a05d) );background:-moz-linear-gradient( center top,#1bd185 5%,#00a05d 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bd185",endColorstr="#00a05d");background:-o-linear-gradient(top,#1bd185,00a05d);background-color:#1bd185;text-align:center;font-weight:bold;color:#ffffff;}.login-form-wrapper{max-width:400px;margin:40px auto;}.login-form-wrapper h1{text-align:center;color:#00796b;margin-bottom:20px;}.login-form-wrapper form .form-group{margin-bottom:15px;}.login-form-wrapper form label{display:block;margin-bottom:5px;font-weight:bold;}.login-form-wrapper form input[type="text"],.login-form-wrapper form input[type="password"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;}.login-form-wrapper form button{width:100%;padding:10px;font-size:1em;}.help-text{text-align:center;margin-top:15px;}.form-control{margin-bottom:15px;}.form-control label{display:block;margin-bottom:5px;font-weight:bold;color:#00796b;}.form-control input,.form-control select,.form-control textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;}.form-control button[type="submit"]{background:#009688;color:#fff;padding:10px 20px;border:none;border-radius:20px;font-size:1em;cursor:pointer;transition:background 0.3s;}.form-control button[type="submit"]:hover{background:#00796b;}.hotel-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;}.hotel-card{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.1);overflow:hidden;flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px);}.hotel-card img{width:100%;max-height:200px;display:block;}.hotel-info{padding:15px;}.hotel-info h2{font-size:1.2em;margin-bottom:8px;color:#00796b;}.hotel-info h2 a{text-decoration:none;color:inherit;transition:color 0.3s;}.hotel-info h2 a:hover{color:#004d40;}.hotel-location{font-size:0.9em;color:#555;}.hotel-rating{margin:5px 0 10px 0;color:#f57c00;}.hotel-price{margin-bottom:10px;font-weight:bold;color:#009688;}.book-button{background:#009688;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;font-weight:bold;transition:background 0.3s;}.book-button:hover{background:#00796b;}@media (max-width:768px){.hotel-card{flex:0 0 100%;max-width:100%;}}.sidebar-hotel-list{display:flex;flex-direction:column;gap:20px;}.sidebar-hotel-card{display:flex;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.1);overflow:hidden;background:#fff;}.sidebar-hotel-card img{width:100px;height:100%;object-fit:cover;}.sidebar-hotel-info{padding:10px;flex:1;}.sidebar-hotel-info h4{margin-bottom:5px;color:#00796b;font-size:1em;}.sidebar-hotel-info h4 a{color:inherit;text-decoration:none;transition:color 0.3s;}.sidebar-hotel-info h4 a:hover{color:#004d40;}.sidebar-hotel-info .hotel-location{font-size:0.85em;color:#555;}.sidebar-hotel-info .hotel-rating{font-size:0.85em;color:#f57c00;margin:5px 0;}.sidebar-hotel-info .hotel-price{font-size:0.9em;font-weight:bold;color:#009688;}.hotel-address{font-size:1em;color:#555;margin-bottom:15px;font-style:italic;border-left:4px solid #009688;padding-left:10px;}.hotel-detail-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:20px;}.hotel-detail-info{margin-bottom:20px;}.hotel-detail-info h2{font-size:1.5em;margin-bottom:5px;color:#00796b;}.room-options{margin:20px 0;}.room-options h3{margin-bottom:10px;color:#00796b;}.room-option{display:flex;gap:15px;margin-bottom:15px;padding:15px;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.1);}.room-option-image{flex:0 0 200px;}.room-option-image img{width:100%;height:auto;border-radius:5px;object-fit:cover;display:block;}.room-option-info{flex:1;}.room-option-info h4{margin-bottom:8px;color:#00796b;}.room-option-info ul{list-style-type:disc;margin-left:20px;margin-bottom:8px;}.room-option-info p{margin-bottom:8px;}.btn-room-book{background:#009688;color:#fff;padding:6px 14px;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;font-weight:bold;transition:background 0.3s;font-size:0.9em;}.btn-room-book:hover{background:#00796b;}@media (max-width:768px){.room-option{flex-direction:column;}.room-option-image{width:100% !important;margin-bottom:10px;}}.hotel-detail-facilities{margin:20px 0;}.hotel-detail-facilities ul{list-style-type:disc;margin-left:20px;}.hotel-detail-price{margin:20px 0;font-weight:bold;color:#009688;display:flex;align-items:center;gap:20px;}code{background-color:#f4f4f4;padding:2px 4px;font-size:90%;color:#c0392b;border-radius:3px;}pre{background-color:#f4f4f4;padding:10px;font-size:0.9em;overflow-x:auto;border-left:4px solid #c0392b;border-radius:3px;margin-bottom:1.5em;}.main-content ul,ol{margin:15px 0 15px 5px;padding-left:20px;}.main-content p{margin-top:10px;}.main-content li{text-align:justify;}.breadcrumb{margin-bottom:20px;font-size:0.9em;color:#555;}.breadcrumb a{color:#00796b;text-decoration:none;transition:color 0.3s;}.breadcrumb a:hover{color:#004d40;}svg{border:1px solid #ccc;margin-top:10px;}blockquote{position:relative;font-size:1.1em;font-style:italic;line-height:1.6;color:#555;background:#f9f9f9;border-left:5px solid #3498db;margin:1.5em 10px;padding:1em 20px;quotes:"\201C""\201D";}blockquote::before{content:open-quote;font-size:2em;position:absolute;left:10px;top:-10px;color:#3498db;}blockquote::after{content:close-quote;font-size:2em;position:absolute;right:10px;bottom:-10px;color:#3498db;}