* { box-sizing: border-box; margin: 0; padding: 0; }
        body { 
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: #1e1e1e; color: #d4d4d4; padding: 20px; min-height: 100vh;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
        }
        .breadcrumb {
            display: flex; margin-bottom: 20px; color: #6A9955; font-size: 0.9em; max-width: 600px; width: 100%;
        }
        .breadcrumb a { color: #9cdcfe; text-decoration: none; }
        .breadcrumb a:hover { text-decoration: underline; }
        .breadcrumb span { margin: 0 8px; color: #808080; }
        .admin-link { margin-left: auto; }
        .admin-link a {
            color: #4EC9B0; text-decoration: none; padding: 4px 12px; border: 1px solid #4EC9B0; border-radius: 20px; font-size: 12px;
        }
        .admin-link a:hover { background: #4EC9B0; color: #1e1e1e; }
        .container {
            max-width: 600px; width: 100%; background: #252526; padding: 35px; border-radius: 24px; border: 1px solid #3e3e42;
            box-shadow: 0 15px 35px rgba(0,0,0,0.5);
        }
        h1 { color: #4EC9B0; margin-bottom: 12px; font-size: 2.2em; display: flex; align-items: center; gap: 10px; }
        .subtitle { color: #6A9955; margin-bottom: 30px; font-size: 1em; line-height: 1.6; }
        .form-group { margin-bottom: 20px; }
        label { display: block; margin-bottom: 8px; color: #9cdcfe; font-weight: 500; font-size: 0.95em; }
        input[type="url"], input[type="text"], select {
            width: 100%; padding: 14px 16px; margin: 5px 0; background: #1e1e1e; color: #d4d4d4;
            border: 1px solid #3e3e42; border-radius: 12px; font-size: 16px; transition: all 0.2s;
        }
        input:focus, select:focus { border-color: #4EC9B0; outline: none; box-shadow: 0 0 0 2px rgba(78,201,176,0.2); }
        button {
            width: 100%; padding: 16px; background: #4EC9B0; color: #1e1e1e; border: none; border-radius: 40px;
            font-size: 18px; font-weight: 600; cursor: pointer; margin-top: 15px; transition: all 0.2s;
            display: flex; align-items: center; justify-content: center; gap: 10px;
        }
        button:hover { background: #6bcfbb; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(78,201,176,0.3); }
        .note {
            color: #808080; font-size: 0.9em; margin-top: 25px; padding: 15px; background: #2d2d30;
            border-radius: 12px; border-left: 4px solid #4EC9B0;
        }
        .custom-section { margin-top: 25px; padding-top: 20px; border-top: 1px solid #3e3e42; }
        .feature-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 25px;
        }
        .feature-item {
            background: #2d2d30; padding: 15px; border-radius: 10px; text-align: center; border: 1px solid #3e3e42;
        }
        .feature-item span { display: block; font-size: 1.5em; margin-bottom: 5px; }
        .stats-badge { margin-top: 20px; text-align: center; color: #6A9955; font-size: 12px; }
        .lang-switch { text-align: center; margin-top: 15px; }
        .lang-switch a { color: #4EC9B0; text-decoration: none; }
        .faq-section {
            margin-top: 30px; padding-top: 20px; border-top: 1px solid #3e3e42;
        }
        .faq-item {
            margin-bottom: 15px; background: #2d2d30; padding: 15px; border-radius: 8px;
        }
        .faq-question {
            color: #4EC9B0; font-weight: 500; margin-bottom: 5px; cursor: pointer;
        }
        .faq-answer {
            color: #d4d4d4; font-size: 14px; line-height: 1.6;
        }
        @media (max-width: 500px) { .container { padding: 25px; } }