html { margin:0; padding:0; }
body { font-size:18px; font-family:'Segoe UI',Arial,sans-serif; background:linear-gradient(135deg,#dde4ff 0%,#f5fffe 55%,#ead5ff 100%); background-attachment:fixed; margin:0; padding:0; color:#1a1a2e; }
a, a:visited { outline:0; color:#5b5ef4; text-decoration:none; }
a:hover { text-decoration:underline; }

#nav-container { width:100%; position:fixed; top:0; background:linear-gradient(90deg,#5b5ef4,#8b5cf6); z-index:100; height:35px; box-shadow:0 2px 12px rgba(91,94,244,0.18); }
nav { max-width:1100px; margin:0 auto; display:block; color:#fff; }
nav ul { width:100%; margin:0; padding:0; list-style:none; position:relative; display:inline-table; white-space:nowrap; background:transparent; }
nav a, nav a:hover, nav a:visited { color:#fff; text-decoration:none; }
nav a, nav span { padding:6px 20px; display:block; }
nav a:hover, nav span:hover { background:rgba(255,255,255,0.15); transition:all 0.5s; }
nav li { display:inline-block; cursor:pointer; position:relative; }

#main-container { transition:all 0.5s; transition-delay:0.3s; }
.container { margin:30px auto 5px; padding:10px; display:block; max-width:1100px; }
.docname { font-size:150%; display:block; margin-top:10px; }

input[type=text], textarea { border:1px solid #d0d5ff; border-radius:8px; padding:5px 3px; outline:none; background:#fff; }

input[type=button], input[type=submit], .fake_btn {
	border:0; background:linear-gradient(135deg,#5b5ef4,#8b5cf6); color:#fff; padding:10px 16px;
	cursor:pointer; text-transform:uppercase; transition:all 0.2s;
	border-radius:8px; box-shadow:0 4px 14px rgba(91,94,244,0.25);
	font-family:'Segoe UI',Arial,sans-serif; font-size:15px; font-weight:700; letter-spacing:0.05em;
	text-shadow:0 1px 3px rgba(0,0,0,0.3);
}
input[type=button]:hover, input[type=submit]:hover, .fake_btn:hover {
	background:linear-gradient(135deg,#4a4de0,#7c3aed); box-shadow:0 6px 20px rgba(91,94,244,0.35); transform:translate(1px,-2px);
}
.fake_btn { display:inline-block; text-decoration:none; }
.green_btn { background:linear-gradient(135deg,#10b981,#059669); box-shadow:0 4px 14px rgba(16,185,129,0.25); text-shadow:0 1px 3px rgba(0,0,0,0.25); }
.green_btn:hover { background:linear-gradient(135deg,#059669,#047857); box-shadow:0 6px 20px rgba(16,185,129,0.35); }

.hidden { display:none; }
pre { background:#f3f4ff; padding:10px; border-radius:8px; border:1px solid #e0e2ff; }

.chat_btn { position:fixed; z-index:200; border:0; bottom:25px; right:25px; width:60px; height:60px; transition:all 0.2s; filter:drop-shadow(0 4px 10px rgba(91,94,244,0.3)); }
.chat_btn:hover { transform:rotate(-10deg) scale(1.2); cursor:pointer; }

#lp { text-align:center; max-width:880px; box-sizing:border-box; margin:0 auto; background:rgba(255,255,255,0.22); backdrop-filter:blur(12px); border-radius:24px; box-shadow:0 8px 40px rgba(91,94,244,0.1); padding:10px; border:1.5px solid rgba(255,255,255,0.9); }
#lp .fake_btn { padding:16px 25px; }
#lp .green { color:#059669; }
#lp h1 { font-size:36px; font-weight:800; line-height:1.1; color:#2d2f8f; margin-bottom:16px; }
#lp .docname { font-size:36px; font-weight:800; margin-bottom:10px; color:#2d2f8f; }
#lp input[type="text"] { width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid #c7c9f9; background:#fff; font-size:14px; transition:all 0.2s ease; outline:none; }
#lp input[type="text"]:focus { border-color:#5b5ef4; box-shadow:0 0 0 3px rgba(91,94,244,0.12); }

.lp-general { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 120px 0; }
.lp-general img { height:100px; }
.lp-subtitle { font-size:19px; line-height:1.6; margin-bottom:30px; color:#444; }
.lp-buttons { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.lp-section { padding-bottom:120px; opacity:0; transform:translateY(40px); transition:opacity 0.7s ease,transform 0.7s ease; }
.lp-section.visible { opacity:1; transform:translateY(0); }
.lp-section h2 { font-size:26px; font-weight:700; color:#2d2f8f; margin-bottom:30px; }

.lp-faq-item { background:#fff; border:1.5px solid #e8e9ff; border-radius:14px; box-shadow:0 2px 12px rgba(91,94,244,0.07); margin-bottom:10px; overflow:hidden; text-align:left; transition:box-shadow 0.2s,border-color 0.2s; }
.lp-faq-item:hover { box-shadow:0 6px 24px rgba(91,94,244,0.14); border-color:#c7c9f9; }
.lp-faq-answer { font-size:16px; line-height:1.6; padding:0 18px 14px; color:#444; }

.lp-faq { max-width:700px; margin:0 auto; }
.lp-faq-item summary { padding:14px 18px; font-size:17px; font-weight:600; color:#2d2f8f; cursor:pointer; list-style:none; }
.lp-faq-item summary::-webkit-details-marker { display:none; }
.lp-faq-item summary:hover { background:rgba(91,94,244,0.04); }

.lp-box { padding:30px; max-width:700px; margin:0 auto; position:relative; overflow:hidden; background:linear-gradient(135deg,#f0fdf9,#ecfdf5); border:2px solid #6ee7b7; border-radius:16px; font-size:16px; box-shadow:0 4px 24px rgba(16,185,129,0.1); }
.lp-box::before { content:''; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg,#10b981,#5b5ef4,#8b5cf6); }
.lp-box h2 { margin-bottom:10px; color:#065f46; }
.lp-box div { margin-bottom:16px; }

/* Search */
.search-wrap { position:relative; width:100%; max-width:560px; margin-top:10px; }
.search-wrap input[type=text] { width:100%; padding:14px 40px 14px 16px; border-radius:12px; border:1.5px solid #c7c9f9; font-size:17px; background:#fff; box-sizing:border-box; transition:all 0.2s; outline:none; }
.search-wrap input[type=text]:focus { border-color:#5b5ef4; box-shadow:0 0 0 3px rgba(91,94,244,0.12),0 4px 16px rgba(91,94,244,0.08); }
.search-clear { position:absolute; right:12px; top:50%; transform:translateY(-50%); cursor:pointer; font-size:18px; color:#aaa; display:none; line-height:1; background:none; border:none; padding:2px 4px; }
.search-clear:hover { color:#5b5ef4; }
#search-results { position:absolute; top:calc(100% + 6px); left:0; width:100%; background:#fff; border-radius:14px; z-index:50; text-align:left; box-shadow:0 8px 32px rgba(91,94,244,0.13); overflow:hidden; border:1.5px solid #e8e9ff; }
#search-results:empty { display:none; }
#search-results .lp-faq-item { margin:0; border-radius:0; border:none; box-shadow:none; border-bottom:1px solid #f0f1ff; }
#search-results .lp-faq-item:last-child { border-bottom:none; }
#search-results .sr-title { font-weight:600; color:#2d2f8f; font-size:16px; }
#search-results .sr-snippet { font-size:15px; color:#555; margin-top:4px; line-height:1.5; }
#search-results a { display:block; padding:12px 16px; }
#search-results a:hover { text-decoration:none; background:#f5f6ff; }
#search-results .sr-none { padding:12px 16px; color:#999; font-size:13px; }
#search-results mark { background:linear-gradient(120deg,#fde68a,#fcd34d); color:inherit; border-radius:3px; padding:0 2px; }

/* Post */
.post-content { max-width:760px; margin:0 auto; text-align:left; line-height:1.7; }
.post-content iframe { max-width:100%; }
.post-content h2 { color:#2d2f8f; font-size:24px; margin-top:30px; }
.post-content h3 { color:#4a4de0; font-size:20px; margin-top:22px; }

@media (max-width:700px) {
	.lp-general { min-height:auto; padding:40px 0 30px; }
	.lp-general h1 { font-size:32px; }
	.lp-general img { width:64px; }
	.lp-buttons { flex-direction:column; align-items:center; }
	.lp-section h2 { font-size:22px; }
}