@import url("layout.css?v=20260702");
@import url("/static/js/webuploader/webuploader.css?v=20260702");
@import url("components.css?v=20260702");
@import url("home.css?v=20260702");
@import url("workspace.css?v=20260702");
@import url("pricing.css?v=20260702");
@import url("templates.css?v=20260702");
@import url("account.css?v=20260702");
@import url("auth.css?v=20260702");

:root {
    --color-primary: #1d4ed8;
    --color-primary-dark: #163fae;
    --color-accent: #f59e0b;
    --color-text: #152033;
    --color-muted: #65748b;
    --color-border: #dde5f0;
    --color-bg: #f5f7fb;
    --color-surface: #ffffff;
    --shadow-soft: 0 16px 42px rgba(32, 49, 82, 0.09);
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
}

body {
    margin: 0;
    color: var(--color-text);
    background: var(--color-bg);
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
    letter-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--color-primary);
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-family: inherit;
    letter-spacing: 0;
}

.container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    padding-left: 0;
    padding-right: 0;
}

.btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 7px;
    padding: 9px 18px;
    font-weight: 700;
    line-height: 1.2;
}

.btn-primary {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--color-primary-dark);
    background: var(--color-primary-dark);
    color: #fff;
}

.btn-secondary {
    border: 1px solid var(--color-border);
    background: #fff;
    color: #26364d;
}

.btn-secondary:hover,
.btn-secondary:focus {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: #f8fbff;
}

.btn-link {
    color: #2d3b4f;
    background: transparent;
}

.btn-block {
    width: 100%;
}

.form-control {
    border: 1px solid var(--color-border);
    border-radius: 7px;
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}

.muted {
    color: var(--color-muted);
}

@media (max-width: 768px) {
    .container {
        width: min(100% - 28px, 1180px);
    }
}