/* Shared site header */

    .header { position: sticky; top: 0; z-index: 5; background: rgba(255, 255, 255, .98); border-bottom: 1px solid #e1e6e1; box-shadow: 0 2px 10px rgba(18, 53, 43, .04); }
    .header .container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
    .header .nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; }
    .header .logo { display: inline-flex; align-items: center; text-decoration: none; }
    .header .logo-image { display: block; width: 145px; height: auto; }
    .header .menu { display: flex; align-items: center; gap: 30px; font-size: 15px; font-weight: 800; }
    .header .menu a { color: #17251f; text-decoration: none; }
    .header .menu a:hover, .header .menu a:focus, .header .menu a.is-active { color: #2b7a5b; }
    .header .menu a.is-active { position: relative; }
    .header .menu a.is-active::after { position: absolute; right: 0; bottom: -10px; left: 0; height: 3px; background: #d5ec57; content: ""; }
    .header .call-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 19px; border-radius: 4px; background: #1f9d63; color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; box-shadow: 0 8px 18px rgba(31, 157, 99, .24); transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
    .header .call-button:hover { background: #157f4e; box-shadow: 0 11px 22px rgba(21, 127, 78, .32); transform: translateY(-2px); }
    
    .header-right { display: flex; align-items: center; gap: 16px; }
    
    /* Hamburger Menu Button */
    .hamburger-btn { display: none; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; background: none; border: none; padding: 0; cursor: pointer; }
    .hamburger-btn span { display: block; width: 100%; height: 2px; background-color: #17251f; transition: all 0.3s ease; }
    .hamburger-btn.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .hamburger-btn.active span:nth-child(2) { opacity: 0; }
    .hamburger-btn.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
    
    /* Mobile Menu Dropdown */
    .mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #e1e6e1;
        box-shadow: 0 10px 15px rgba(18, 53, 43, .05);
        display: flex;
        flex-direction: column;
        padding: 16px 24px;
        gap: 16px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        z-index: 4;
    }
    .mobile-menu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .mobile-menu a {
        color: #17251f;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        padding: 8px 0;
        border-bottom: 1px solid #f1f4f1;
    }
    .mobile-menu a:last-child {
        border-bottom: none;
    }
    .mobile-menu a:hover, .mobile-menu a:focus {
        color: #2b7a5b;
    }
    .mobile-menu a.is-active { color: #2b7a5b; }
    
    .skip-link { position: absolute; left: -9999px; top: 10px; z-index: 10; padding: 12px 18px; border: 2px solid #12352b; background: #fff; color: #12352b; }
    .skip-link:focus { left: 10px; }
    
    @media (max-width: 900px) {
        .header .menu { display: none; }
        .hamburger-btn { display: flex; }
        .header .call-button { min-height: 38px; padding: 8px 14px; font-size: 13px; }
    }
    @media (max-width: 600px) {
        .header .container { width: min(100% - 32px, 1180px); }
        .header .nav { min-height: 64px; }
        .header .logo-image { width: 124px; }
        .header .call-button { min-height: 34px; padding: 6px 12px; font-size: 12px; }
    }

.call-button { border: 0; cursor: pointer; font: inherit; }
.consultation-modal { width: min(680px, calc(100% - 32px)); max-height: calc(100vh - 32px); margin: auto; padding: 0; overflow: auto; border: 0; background: #fff; box-shadow: 0 24px 64px rgba(0, 0, 0, .32); animation: consultation-modal-enter .3s cubic-bezier(.22, .8, .28, 1); }
.consultation-modal::backdrop { background: rgba(0, 0, 0, .65) !important; background-image: none !important; backdrop-filter: none !important; opacity: 1 !important; }
.consultation-modal-form { padding: 34px; color: #17251f; font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; }
.consultation-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.consultation-modal-header p { margin: 0 0 7px; color: #2b7a5b; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.consultation-modal-header h2 { margin: 0; color: #12352b; font-size: 27px; line-height: 1.3; letter-spacing: -.05em; }
.consultation-modal-close { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border: 0; border-radius: 50%; background: #edf2ed; color: #12352b; cursor: pointer; font-size: 27px; line-height: 1; }
.consultation-modal-intro { margin: 9px 0 23px; color: #58665d; font-size: 15px; }
.consultation-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.consultation-modal-form label { display: block; margin-bottom: 6px; color: #12352b; font-size: 14px; font-weight: 900; }
.consultation-modal-form label span { color: #2b7a5b; font-size: 12px; }
.consultation-modal-form input, .consultation-modal-form select, .consultation-modal-form textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 2px solid #cfd8d0; border-radius: 4px; background: #fff; color: #17251f; font: inherit; font-size: 15px; }
.consultation-modal-form textarea { min-height: 92px; resize: vertical; }
.consultation-modal-form input:focus, .consultation-modal-form select:focus, .consultation-modal-form textarea:focus { outline: 3px solid rgba(213, 236, 87, .75); border-color: #2b7a5b; }
.consultation-modal-field { margin-bottom: 16px; }
.consultation-modal-agree { display: flex !important; align-items: flex-start; gap: 9px; margin: 3px 0 17px; color: #58665d !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.5; }
.consultation-modal-agree input { width: 20px !important; min-height: 20px !important; margin-top: 1px; padding: 0 !important; }
.consultation-modal-submit { width: 100%; min-height: 52px; border: 0; background: #1f9d63; color: #fff; cursor: pointer; box-shadow: 0 9px 18px rgba(31, 157, 99, .22); font: 900 16px "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.consultation-modal-submit:hover { background: #157f4e; box-shadow: 0 12px 23px rgba(21, 127, 78, .3); transform: translateY(-2px); }
.consultation-modal-success { margin: 0 0 18px; padding: 11px 13px; background: #e8f4e8; color: #2b7a5b; font-size: 14px; font-weight: 800; }
.consultation-modal-error { margin: 6px 0 0; color: #b42318; font-size: 12px; font-weight: 800; }
body.page-home [data-open-consultation].primary-button { background: #1f9d63; border-color: #1f9d63; color: #fff; box-shadow: 0 9px 20px rgba(31, 157, 99, .22); }
body.page-home [data-open-consultation].primary-button:hover { background: #157f4e; border-color: #157f4e; box-shadow: 0 12px 24px rgba(21, 127, 78, .3); }
@keyframes consultation-modal-enter { from { opacity: 0; transform: translateY(24px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes consultation-modal-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .consultation-modal, .consultation-modal::backdrop { animation: none; } }
@media (max-width: 600px) { .consultation-modal-form { padding: 27px 21px; } .consultation-modal-grid { grid-template-columns: 1fr; gap: 14px; } }

/* resources/views/startup.blade.php */
@scope (body.page-startup) {
    :scope { --forest:#12352b; --green:#2b7a5b; --lime:#d5ec57; --cream:#f7f5ef; --ink:#17251f; --muted:#58665d; --line:#dce3dc; margin:0; background:#fff; color:var(--ink); font-family:"Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height:1.65; }
    * { box-sizing:border-box; } .startup-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; } h1,h2,h3,p { margin-top:0; } .startup-hero { position:relative; overflow:hidden; min-height:470px; color:#fff; background:linear-gradient(118deg, #103d34 0%, #1d6b53 100%); } .startup-hero::after { position:absolute; right:-20px; bottom:-72px; color:rgba(255,255,255,.06); font-size:clamp(140px, 21vw, 280px); font-weight:900; letter-spacing:-.15em; line-height:1; content:"GX"; } .startup-hero-inner { position:relative; z-index:1; display:flex; min-height:470px; align-items:center; padding:76px 0; } .eyebrow,.section-label { margin:0 0 14px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; } h1 { max-width:780px; margin-bottom:18px; font-size:clamp(38px, 5vw, 62px); letter-spacing:-.08em; line-height:1.2; word-break:keep-all; } .startup-hero p:not(.eyebrow) { max-width:660px; margin-bottom:0; color:#e1eee5; font-size:18px; word-break:keep-all; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; } .button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:12px 23px; border:1px solid transparent; font-size:16px; font-weight:900; text-decoration:none; transition:transform .16s ease, background .16s ease; } .button:hover { transform:translateY(-2px); } .button-lime { background:var(--lime); color:var(--forest); } .button-outline { border-color:rgba(255,255,255,.65); color:#fff; } .startup-section { padding:112px 0; } .section-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:46px; } .section-heading h2,.support h2,.gx-choice h2,.calculator-cta h2,.final-cta h2 { margin-bottom:0; color:var(--forest); font-size:clamp(32px, 4vw, 50px); letter-spacing:-.07em; line-height:1.28; word-break:keep-all; } .section-heading .section-label { color:var(--green); } .section-heading > p { max-width:420px; margin:0; color:var(--muted); font-size:18px; word-break:keep-all; } .feature-grid { display:grid; grid-template-columns:repeat(5, 1fr); border-top:1px solid var(--line); } .feature-card { min-height:270px; padding:29px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; } .feature-card:first-child { border-left:1px solid var(--line); } .feature-card span { display:block; margin-bottom:45px; color:var(--green); font-size:13px; font-weight:900; letter-spacing:.12em; } .feature-card h3,.recommend-grid h3,.support-grid h3 { margin-bottom:12px; color:var(--forest); font-size:20px; letter-spacing:-.045em; line-height:1.38; word-break:keep-all; } .feature-card p,.recommend-grid p,.support-grid p { margin-bottom:0; color:var(--muted); font-size:16px; word-break:keep-all; } .recommended { background:var(--cream); } .recommend-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; } .recommend-grid article { min-height:190px; padding:27px; background:#fff; box-shadow:0 8px 22px rgba(18,53,43,.05); } .recommend-grid span { display:block; margin-bottom:23px; color:var(--green); font-size:13px; } .support { background:var(--forest); color:#fff; } .support-title { max-width:690px; margin-bottom:52px; } .support .section-label { color:var(--lime); } .support h2 { color:#fff; } .support-title > p { margin:17px 0 0; color:#d8e8dd; font-size:19px; } .support-grid { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid rgba(255,255,255,.22); border-left:1px solid rgba(255,255,255,.22); } .support-grid article { min-height:214px; padding:24px; border-right:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); } .support-grid span { display:block; margin-bottom:27px; color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.12em; } .support-grid h3 { color:#fff; } .support-grid p { color:#cee0d4; font-size:15px; } .gx-choice { background:#edf3eb; } .gx-choice-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(45px, 10vw, 130px); } .gx-choice .section-label { color:var(--green); } .gx-choice > p { color:var(--muted); font-size:18px; } .choice-list { border-top:1px solid #c7d6ca; } .choice-list article { display:grid; grid-template-columns:minmax(190px, .75fr) minmax(0, 1.25fr); gap:22px; padding:23px 0; border-bottom:1px solid #c7d6ca; } .choice-list strong { color:var(--forest); font-size:19px; letter-spacing:-.04em; } .choice-list p { margin:0; color:var(--muted); font-size:16px; } .case-study { background:#fff; } .case-card { display:grid; grid-template-columns:.88fr 1.12fr; min-height:400px; background:var(--cream); } .case-image { display:grid; place-items:center; min-height:280px; color:#fff; background:linear-gradient(145deg, #1d6b53, #103d34); text-align:center; } .case-image span { font-size:clamp(48px, 6vw, 78px); font-weight:900; letter-spacing:-.1em; line-height:.85; } .case-info { padding:58px clamp(30px, 6vw, 82px); } .case-label { margin-bottom:18px; color:var(--green); font-size:13px; font-weight:900; letter-spacing:.12em; } .case-info h3 { margin-bottom:30px; color:var(--forest); font-size:clamp(28px, 3vw, 39px); letter-spacing:-.07em; } .case-info dl { margin:0; } .case-info dl div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:13px 0; border-top:1px solid #d5ddd5; } .case-info dt { color:var(--forest); font-size:15px; font-weight:900; } .case-info dd { margin:0; color:var(--muted); font-size:15px; word-break:keep-all; } .process { background:var(--cream); } .process-list { display:grid; grid-template-columns:repeat(5, 1fr); margin:0; padding:0; list-style:none; border-top:1px solid var(--line); border-left:1px solid var(--line); } .process-list li { min-height:155px; padding:25px 21px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; } .process-list span { display:block; margin-bottom:22px; color:var(--green); font-size:12px; font-weight:900; letter-spacing:.08em; } .process-list strong { color:var(--forest); font-size:18px; line-height:1.35; letter-spacing:-.04em; word-break:keep-all; } .calculator-cta { padding:90px 0; color:#fff; background:linear-gradient(115deg, #27604d, #12352b); } .calculator-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:42px; } .calculator-cta .section-label { color:var(--lime); } .calculator-cta h2 { color:#fff; } .calculator-cta p { max-width:670px; margin:18px 0; color:#d9e9df; font-size:18px; word-break:keep-all; } .calculator-cta ul { display:flex; flex-wrap:wrap; gap:8px 23px; margin:0; padding:0; list-style:none; color:#fff; font-size:15px; font-weight:800; } .calculator-cta li::before { margin-right:8px; color:var(--lime); content:"✓"; } .calculator-cta .button { flex:0 0 auto; } .faq-list { border-top:1px solid var(--line); } .faq details { border-bottom:1px solid var(--line); } .faq summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 7px; color:var(--forest); cursor:pointer; font-size:20px; font-weight:900; list-style:none; } .faq summary::-webkit-details-marker { display:none; } .faq summary::after { color:var(--green); content:"+"; font-size:27px; font-weight:400; } .faq details[open] summary::after { content:"−"; } .faq details p { max-width:870px; margin:0; padding:0 7px 25px; color:var(--muted); font-size:17px; } .final-cta { padding:100px 0; color:#fff; background:var(--forest); text-align:center; } .final-cta > div > p { margin-bottom:15px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; } .final-cta h2 { color:#fff; } .final-copy { margin:21px auto 0; color:#d8e8dd; font-size:18px; word-break:keep-all; } .button-ghost { margin-left:8px; border-color:rgba(255,255,255,.65); color:#fff; } footer { padding:44px 0; background:#102e25; color:#d9e3db; } .footer-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; } .footer-logo { color:#fff; font-size:25px; font-weight:900; } footer p { margin:8px 0 0; font-size:14px; }
    .button, .feature-card, .recommend-grid article, .support-grid article, .process-list li { cursor: pointer; }
    .feature-card, .process-list li { position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
    @media (hover: hover) { .feature-card:hover, .process-list li:hover { z-index: 1; border-color: rgba(43, 122, 91, .5); box-shadow: 0 18px 35px rgba(18, 53, 43, .16); transform: translateY(-5px) scale(1.035); } }
    @media (max-width:1000px) { .feature-grid { grid-template-columns:repeat(3, 1fr); } .feature-card:first-child { border-left:0; } .feature-card:nth-child(1),.feature-card:nth-child(4) { border-left:1px solid var(--line); } .support-grid { grid-template-columns:repeat(3, 1fr); } .process-list { grid-template-columns:repeat(3, 1fr); } }
    @media (max-width:800px) { .startup-hero,.startup-hero-inner { min-height:390px; } .startup-section { padding:76px 0; } .section-heading { display:block; margin-bottom:33px; } .section-heading h2 { margin-bottom:16px; } .gx-choice-layout,.case-card { grid-template-columns:1fr; } .gx-choice-layout { gap:38px; } .case-info { padding:38px; } .calculator-cta-inner { display:block; } .calculator-cta .button { margin-top:28px; } .support-grid { grid-template-columns:repeat(2, 1fr); } .process-list { grid-template-columns:repeat(2, 1fr); } }
    @media (max-width:600px) { .startup-container { width:min(100% - 32px, 1180px); } .startup-hero-inner { padding:56px 0; } h1 { font-size:clamp(32px, 9vw, 43px); } .startup-hero p:not(.eyebrow),.section-heading > p,.support-title > p,.gx-choice > p,.calculator-cta p,.final-copy { font-size:17px; } .button { width:100%; } .button-ghost { margin:10px 0 0; } .feature-grid,.recommend-grid,.support-grid,.process-list { grid-template-columns:1fr; } .feature-card,.feature-card:nth-child(1),.feature-card:nth-child(4) { min-height:auto; border-left:1px solid var(--line); } .feature-card span { margin-bottom:25px; } .recommend-grid article { min-height:auto; } .support-grid article { min-height:auto; } .choice-list article { grid-template-columns:1fr; gap:7px; } .case-info { padding:31px 23px; } .case-info dl div { grid-template-columns:82px 1fr; } .faq summary { padding:20px 0; font-size:18px; } .faq details p { padding-left:0; padding-right:0; font-size:16px; } .footer-inner { display:block; } }

    /* Keep the startup introduction consistent with the greeting page. */
    .startup-hero { min-height:320px; background:var(--forest); }
    .startup-hero::before { position:absolute; inset:0; background:radial-gradient(circle at 82% 18%, rgba(213,236,87,.2), transparent 20%), linear-gradient(120deg, transparent 50%, rgba(255,255,255,.06) 50%); content:""; }
    .startup-hero::after { right:-18px; bottom:-62px; font-size:clamp(110px, 17vw, 230px); letter-spacing:-.13em; content:"GTR"; }
    .startup-hero-inner { min-height:320px; padding:60px 0; }
    .startup-hero h1 { margin-bottom:14px; font-size:clamp(30px, 4.2vw, 48px); line-height:1.25; letter-spacing:-.075em; }
    .startup-hero p:not(.eyebrow) { max-width:630px; color:#dfece3; font-size:17px; }
    .recommend-grid article,.support-grid article { transition:transform .22s ease, background .22s ease, box-shadow .22s ease; }
    @media (hover:hover) { .recommend-grid article:hover { transform:translateY(-7px); box-shadow:0 16px 28px rgba(18,53,43,.14); } .support-grid article:hover { position:relative; z-index:1; transform:translateY(-7px); background:#2b7a5b; box-shadow:0 15px 28px rgba(0,0,0,.22); } }
    @media (prefers-reduced-motion:reduce) { .recommend-grid article,.support-grid article { transition:none; } }
    @media (max-width:800px) { .startup-hero,.startup-hero-inner { min-height:270px; } }
    @media (max-width:600px) { .startup-hero-inner { padding:48px 0; } .startup-hero h1 { font-size:clamp(22px, 6vw, 32px); } }
}


/* resources/views/academy.blade.php */
@scope (body.page-academy) {

        :scope { --forest:#12352b; --green:#2b7a5b; --lime:#d5ec57; --cream:#f7f5ef; --muted:#58655d; --line:#dce3dc; } * { box-sizing:border-box; } :scope { margin:0; color:#17251f; background:#fff; font-family:"Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height:1.7; } .academy-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
        .page-hero { position:relative; overflow:hidden; min-height:320px; background:linear-gradient(110deg, #12352b, #27604d); color:#fff; } .page-hero::after { position:absolute; right:-18px; bottom:-62px; color:rgba(255,255,255,.06); font-size:clamp(110px, 17vw, 230px); font-weight:900; letter-spacing:-.13em; line-height:1; content:"ACA"; } .page-hero-inner { position:relative; z-index:1; display:flex; min-height:320px; align-items:center; padding:60px 0; } .eyebrow,.section-label { margin:0 0 14px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; } h1,h2,h3,p { margin-top:0; } h1 { max-width:790px; margin-bottom:14px; font-size:clamp(30px, 4.2vw, 48px); line-height:1.25; letter-spacing:-.075em; word-break:keep-all; } .page-hero p:not(.eyebrow) { max-width:650px; margin:0; color:#e0ece4; font-size:17px; word-break:keep-all; } .intro { padding:112px 0; background:var(--cream); } .intro-grid { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:clamp(42px, 9vw, 128px); } .intro-title .section-label { color:var(--green); } h2 { margin-bottom:24px; color:var(--forest); font-size:clamp(31px, 4vw, 49px); line-height:1.3; letter-spacing:-.065em; word-break:keep-all; } .intro-copy p { margin-bottom:22px; color:var(--muted); font-size:18px; word-break:keep-all; } .academy-curriculum { padding:108px 0; } .curriculum-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:46px; } .curriculum-head .section-label { color:var(--green); } .curriculum-head h2 { margin:0; } .curriculum-head p { max-width:370px; margin:0; color:var(--muted); font-size:16px; } .curriculum-list { border-top:1px solid var(--line); } .curriculum { display:grid; grid-template-columns:100px minmax(190px, .7fr) minmax(0, 1.3fr); gap:28px; align-items:center; padding:31px 0; border-bottom:1px solid var(--line); } .curriculum-number { color:var(--green); font-size:15px; font-weight:900; letter-spacing:.1em; } .curriculum h3 { margin:0; color:var(--forest); font-size:24px; letter-spacing:-.045em; } .curriculum p { margin:0; color:var(--muted); font-size:16px; word-break:keep-all; } .academy-closing { padding:82px 0; background:var(--forest); color:#fff; text-align:center; } .academy-closing p { margin:0 auto 24px; color:#dcebe0; font-size:19px; } .academy-closing strong { display:block; font-size:clamp(28px, 3.6vw, 45px); line-height:1.35; letter-spacing:-.065em; word-break:keep-all; } .button { display:inline-flex; min-height:51px; align-items:center; justify-content:center; margin-top:35px; padding:12px 23px; background:var(--lime); color:var(--forest); font-size:15px; font-weight:900; text-decoration:none; } footer { padding:44px 0; background:#102e25; color:#d9e3db; } .footer-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; } .footer-logo { color:#fff; font-size:25px; font-weight:900; } footer p { margin:8px 0 0; font-size:14px; } @media (max-width:800px) { .page-hero,.page-hero-inner { min-height:270px; } .intro,.academy-curriculum { padding:76px 0; } .intro-grid { grid-template-columns:1fr; } .curriculum-head { display:block; } .curriculum-head h2 { margin-bottom:18px; } .curriculum { grid-template-columns:66px 1fr; gap:15px; } .curriculum p { grid-column:2; } } @media (max-width:600px) { .academy-container { width:min(100% - 32px, 1180px); } .page-hero-inner { padding:48px 0; } h1 { font-size:clamp(22px, 6vw, 32px); } .page-hero p:not(.eyebrow),.intro-copy p { font-size:17px; } .footer-inner { display:block; } }
    
}

/* resources/views/admin/consultations.blade.php */
@scope (body.page-admin-consultations) {

        .consultation-table { width: 100%; min-width: 980px; border-collapse: collapse; text-align: left; }
        .consultation-table th, .consultation-table td { padding: 18px 20px; border-bottom: 1px solid #e3e9e5; vertical-align: top; font-size: 13px; }
        .consultation-table th { background: #f9fbf9; color: #6d7a74; font-size: 11px; font-weight: 900; }
        .consultation-message { min-width: 250px; color: #77837e; line-height: 1.65; }
        .consultation-status { display: inline-block; padding: 5px 9px; border-radius: 99px; background: #e6f3eb; color: #23744e; font-size: 11px; font-weight: 900; }
    
}

/* resources/views/admin/login.blade.php */
@scope (body.page-admin-login) {

        :scope { --forest: #103d34; --green: #258260; --lime: #d9ef49; --ink: #17352c; --muted: #7d8985; --line: #e6ebe7; }
        * { box-sizing: border-box; } :scope { margin: 0; min-height: 100vh; color: var(--ink); font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; }.login-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .9fr) minmax(480px, 1.1fr); }.brand-panel { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 58px clamp(44px, 7vw, 112px); color: #fff; background: linear-gradient(150deg, #0c372e, #1d6b53); }.brand-panel::before { content: "GTR"; position: absolute; right: -25px; bottom: 105px; color: rgba(255,255,255,.07); font-size: clamp(180px, 24vw, 360px); font-weight: 900; letter-spacing: -.13em; line-height: .7; }.brand-panel::after { content: ""; position: absolute; top: 0; right: -100px; width: 360px; height: 100%; transform: skewX(-13deg); background: rgba(255,255,255,.04); }.logo { position: relative; z-index: 1; display: inline-flex; flex-direction: column; color: #fff; font-size: 33px; font-weight: 900; letter-spacing: -.08em; line-height: 1; }.logo small { margin-top: 8px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .2em; }.brand-copy { position: relative; z-index: 1; max-width: 480px; margin-bottom: 8vh; }.eyebrow { margin: 0 0 16px; color: var(--lime); font-size: 13px; font-weight: 800; letter-spacing: .14em; }.brand-copy h1 { margin: 0 0 20px; font-size: clamp(40px, 4.1vw, 65px); line-height: 1.18; letter-spacing: -.075em; word-break: keep-all; }.brand-copy p { margin: 0; color: #d6e5df; font-size: 17px; line-height: 1.8; }.brand-foot { position: relative; z-index: 1; color: #b8ccc4; font-size: 12px; }.login-panel { display: grid; place-items: center; padding: 42px; background: #fff; }.login-card { width: min(410px, 100%); }.backoffice-label { display: flex; align-items: center; gap: 9px; margin-bottom: 28px; color: var(--green); font-size: 13px; font-weight: 900; letter-spacing: .1em; }.backoffice-label::before { width: 9px; height: 9px; border-radius: 50%; background: var(--lime); content: ""; }.login-card h2 { margin: 0 0 10px; font-size: 34px; letter-spacing: -.06em; }.login-card > p { margin: 0 0 34px; color: var(--muted); font-size: 15px; }.field { margin-bottom: 18px; }.field label { display: block; margin-bottom: 9px; font-size: 14px; font-weight: 800; }.field input { width: 100%; padding: 15px 16px; border: 1px solid #d7e0da; border-radius: 9px; color: var(--ink); font: inherit; outline: none; transition: border-color .2s, box-shadow .2s; }.field input:focus { border-color: var(--green); box-shadow: 0 0 0 4px rgba(37,130,96,.1); }.options { display: flex; justify-content: space-between; align-items: center; margin: 3px 0 28px; color: var(--muted); font-size: 13px; }.options label { display: flex; align-items: center; gap: 7px; }.options input { accent-color: var(--green); }.login-button { width: 100%; padding: 16px; border: 0; border-radius: 9px; background: var(--forest); color: #fff; cursor: pointer; font: 800 16px inherit; transition: transform .2s, background .2s; }.login-button:hover { transform: translateY(-2px); background: var(--green); }.error { margin: -12px 0 18px !important; padding: 11px 13px; border-radius: 7px; background: #fff0ee; color: #bc2f22 !important; font-size: 13px !important; }.hint { margin: 28px 0 0 !important; padding: 13px 15px; border-radius: 9px; background: #f4f8ed; color: #6b7a73 !important; font-size: 13px !important; line-height: 1.6; }.hint strong { color: var(--green); } @media (max-width: 800px) { .login-layout { grid-template-columns: 1fr; }.brand-panel { min-height: 310px; padding: 34px 9vw; }.brand-copy { margin: 55px 0 0; }.brand-copy h1 { font-size: 38px; }.brand-copy p, .brand-foot { display: none; }.login-panel { padding: 56px 28px; } } @media (max-width: 460px) { .brand-panel { min-height: 260px; }.brand-copy h1 { font-size: 32px; }.login-card h2 { font-size: 30px; } }
    
}

/* resources/views/admin/sms-messages.blade.php */
@scope (body.page-admin-sms-messages) {

        .sms-table { width: 100%; min-width: 1060px; border-collapse: collapse; text-align: left; }
        .sms-table th, .sms-table td { padding: 18px 20px; border-bottom: 1px solid #e3e9e5; vertical-align: top; font-size: 13px; }
        .sms-table th { background: #f9fbf9; color: #6d7a74; font-size: 11px; font-weight: 900; }
        .sms-message { min-width: 250px; color: #77837e; line-height: 1.65; }
        .sms-badge { display: inline-block; padding: 5px 9px; border-radius: 99px; background: #e6f3eb; color: #23744e; font-size: 11px; font-weight: 900; }
        .sms-badge.test { background: #eef1f8; color: #596b95; }
    
}

/* resources/views/contact.blade.php */
@scope (body.page-contact) {

        :scope { --forest:#12352b; --green:#2b7a5b; --lime:#d5ec57; --cream:#f7f5ef; --ink:#17251f; --muted:#58665d; --line:#ced8cf; --error:#b42318; } * { box-sizing:border-box; } :scope { margin:0; background:var(--cream); color:var(--ink); font-family:"Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height:1.65; } .contact-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
        .page-hero { position:relative; overflow:hidden; min-height:320px; background:linear-gradient(110deg, #12352b, #27604d); color:#fff; } .page-hero::after { position:absolute; right:-18px; bottom:-62px; color:rgba(255,255,255,.06); font-size:clamp(110px, 17vw, 230px); font-weight:900; letter-spacing:-.13em; line-height:1; content:"CONTACT"; } .page-hero-inner { position:relative; z-index:1; display:flex; min-height:320px; align-items:center; padding:60px 0; } .eyebrow { margin:0 0 14px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; } h1,h2,p { margin-top:0; } h1 { max-width:780px; margin-bottom:14px; font-size:clamp(30px, 4.2vw, 48px); line-height:1.25; letter-spacing:-.075em; word-break:keep-all; } .page-hero p:not(.eyebrow) { max-width:630px; margin:0; color:#e0ece4; font-size:17px; word-break:keep-all; } .consultation { padding:106px 0 118px; } .consultation-layout { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); gap:clamp(40px, 8vw, 110px); align-items:start; } .section-label { margin:0 0 14px; color:var(--green); font-size:13px; font-weight:900; letter-spacing:.14em; } h2 { margin-bottom:20px; color:var(--forest); font-size:clamp(30px, 3.8vw, 47px); line-height:1.3; letter-spacing:-.065em; word-break:keep-all; } .contact-copy p:not(.section-label) { max-width:360px; color:var(--muted); font-size:17px; word-break:keep-all; } .hours { margin-top:34px; padding:23px 25px; border-left:5px solid var(--green); background:#fff; } .hours strong { display:block; margin-bottom:5px; color:var(--forest); font-size:18px; } .hours p { margin:0; color:var(--muted); font-size:15px; } .consultation-form { padding:35px; background:#fff; box-shadow:0 16px 40px rgba(18,53,43,.12); } .consultation-form h2 { margin-bottom:6px; font-size:29px; } .form-intro { margin-bottom:23px; color:var(--muted); font-size:16px; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; } .field { margin-bottom:19px; } label { display:block; margin-bottom:7px; color:var(--forest); font-size:15px; font-weight:900; } .required { color:var(--green); font-size:12px; } input,select,textarea { width:100%; min-height:51px; padding:12px 14px; border:2px solid var(--line); border-radius:4px; background:#fff; color:var(--ink); font:inherit; font-size:16px; } textarea { min-height:120px; resize:vertical; } input:focus,select:focus,textarea:focus { outline:3px solid rgba(213,236,87,.75); border-color:var(--green); } .agree { display:flex; align-items:flex-start; gap:10px; margin:3px 0 18px; color:var(--muted); font-size:14px; } .agree input { width:21px; min-height:21px; margin-top:2px; } .button { width:100%; min-height:53px; border:0; background:var(--lime); color:var(--forest); cursor:pointer; font:inherit; font-size:16px; font-weight:900; } .form-success { margin:0 0 18px; padding:12px 14px; background:#e8f4e8; color:var(--green); font-size:14px; font-weight:800; } .form-error { margin:6px 0 0; color:var(--error); font-size:13px; font-weight:800; } footer { padding:44px 0; background:#102e25; color:#d9e3db; } .footer-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; } .footer-logo { color:#fff; font-size:25px; font-weight:900; } footer p { margin:8px 0 0; font-size:14px; } @media (max-width:800px) { .page-hero,.page-hero-inner { min-height:270px; } .consultation { padding:76px 0; } .consultation-layout { grid-template-columns:1fr; } .contact-copy p:not(.section-label) { max-width:none; } } @media (max-width:600px) { .contact-container { width:min(100% - 32px, 1180px); } .page-hero-inner { padding:48px 0; } h1 { font-size:clamp(22px, 6vw, 32px); } .page-hero p:not(.eyebrow) { font-size:17px; } .consultation-form { padding:25px 20px; } .form-grid { grid-template-columns:1fr; gap:0; } .footer-inner { display:block; } }
    
}

/* resources/views/greeting.blade.php */
@scope (body.page-greeting) {

        :scope { --forest: #12352b; --green: #2b7a5b; --lime: #d5ec57; --cream: #f7f5ef; --ink: #17251f; --muted: #5b685f; --line: #dce2db; }
        * { box-sizing: border-box; }
        :scope { scroll-behavior: smooth; }
        :scope { margin: 0; color: var(--ink); background: #fff; font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height: 1.7; }
        .greeting-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
        .page-hero { position: relative; overflow: hidden; min-height: 320px; background: var(--forest); color: #fff; }
        .page-hero::before { position: absolute; inset: 0; background: radial-gradient(circle at 82% 18%, rgba(213, 236, 87, .2), transparent 20%), linear-gradient(120deg, transparent 50%, rgba(255, 255, 255, .06) 50%); content: ""; }
        .page-hero::after { position: absolute; right: -18px; bottom: -62px; color: rgba(255, 255, 255, .06); font-size: clamp(110px, 17vw, 230px); font-weight: 900; letter-spacing: -.13em; line-height: 1; content: "GTR"; }
        .page-hero-inner { position: relative; z-index: 1; display: flex; min-height: 320px; align-items: center; padding: 60px 0; }
        .eyebrow { margin: 0 0 14px; color: var(--lime); font-size: 13px; font-weight: 900; letter-spacing: .15em; }
        h1, h2, p { margin-top: 0; }
        h1 { max-width: 780px; margin-bottom: 14px; font-size: clamp(30px, 4.2vw, 48px); line-height: 1.25; letter-spacing: -.075em; word-break: keep-all; }
        .page-hero p:not(.eyebrow) { max-width: 630px; margin-bottom: 0; color: #dfece3; font-size: 17px; word-break: keep-all; }
        .greeting-main { padding: 118px 0 108px; background: var(--cream); }
        .message-grid { display: grid; grid-template-columns: minmax(270px, .82fr) minmax(0, 1.18fr); gap: clamp(40px, 8vw, 118px); align-items: start; }
        .message-aside { position: sticky; top: 110px; padding: 31px; border-top: 5px solid var(--lime); background: var(--forest); color: #fff; }
        .message-aside p { margin: 0 0 35px; color: #d5e5db; font-size: 15px; }
        .message-aside strong { display: block; color: var(--lime); font-size: 24px; line-height: 1.35; letter-spacing: -.04em; word-break: keep-all; }
        .message-copy { max-width: 650px; }
        .section-label { margin-bottom: 13px; color: var(--green); font-size: 13px; font-weight: 900; letter-spacing: .14em; }
        h2 { margin-bottom: 32px; color: var(--forest); font-size: clamp(32px, 4vw, 50px); line-height: 1.3; letter-spacing: -.065em; word-break: keep-all; }
        .message-copy p { margin-bottom: 24px; color: var(--muted); font-size: 18px; word-break: keep-all; }
        .signature { margin: 44px 0 0 !important; color: var(--forest) !important; font-size: 18px !important; font-weight: 900; }
        .signature span { display: block; margin-top: 5px; color: var(--green); font-size: 14px; letter-spacing: .08em; }
        .principles { padding: 108px 0; }
        .principles-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 46px; }
        .principles-heading h2 { margin-bottom: 0; }
        .principles-heading p { max-width: 370px; margin: 0; color: var(--muted); font-size: 16px; }
        .principle-list { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
        .principle { min-height: 260px; padding: 31px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
        .principle:first-child { border-left: 1px solid var(--line); }
        .principle-number { display: block; margin-bottom: 42px; color: var(--green); font-size: 13px; font-weight: 900; letter-spacing: .1em; }
        .principle h3 { margin: 0 0 12px; color: var(--forest); font-size: 23px; letter-spacing: -.045em; }
        .principle p { margin: 0; color: var(--muted); font-size: 16px; word-break: keep-all; }
        .closing { padding: 83px 0; background: var(--green); color: #fff; text-align: center; }
        .closing p { max-width: 740px; margin: 0 auto 27px; color: #e9f1e4; font-size: 20px; word-break: keep-all; }
        .closing strong { display: block; font-size: clamp(29px, 3.8vw, 46px); line-height: 1.35; letter-spacing: -.065em; word-break: keep-all; }
        .button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 36px; padding: 12px 23px; background: var(--lime); color: var(--forest); font-size: 15px; font-weight: 900; text-decoration: none; transition: transform .15s ease; }
        .button:hover { transform: translateY(-2px); }
        footer { padding: 44px 0; background: #102e25; color: #d9e3db; }
        .footer-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
        .footer-logo { color: #fff; font-size: 25px; font-weight: 900; }
        footer p { margin: 8px 0 0; font-size: 14px; }
        @media (max-width: 800px) { .page-hero, .page-hero-inner { min-height: 270px; } .greeting-main { padding: 76px 0; } .message-grid { grid-template-columns: 1fr; } .message-aside { position: static; } .principles { padding: 76px 0; } .principles-heading { display: block; } .principles-heading h2 { margin-bottom: 18px; } .principle-list { grid-template-columns: 1fr; } .principle, .principle:first-child { min-height: 0; border-left: 1px solid var(--line); } .principle-number { margin-bottom: 20px; } }
        @media (max-width: 600px) { .greeting-container { width: min(100% - 32px, 1180px); } .page-hero-inner { padding: 48px 0; } h1 { font-size: clamp(22px, 6vw, 32px); } .page-hero p:not(.eyebrow), .message-copy p, .closing p { font-size: 17px; } .message-aside { padding: 27px 24px; } .footer-inner { display: block; } }
    
}

/* resources/views/home.blade.php */
@scope (body.page-home) {

        :scope {
            --green-950: #12352b;
            --green-800: #1f5a46;
            --green-600: #2b7a5b;
            --lime: #d5ec57;
            --cream: #f7f5ef;
            --paper: #ffffff;
            --ink: #17251f;
            --muted: #536058;
            --line: #d9ded8;
            --shadow: 0 18px 45px rgba(18, 53, 43, .12);
        }

        * { box-sizing: border-box; }
        :scope { scroll-behavior: smooth; }
        :scope { margin: 0; background: var(--cream); color: var(--ink); font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; font-size: 18px; line-height: 1.65; }
        a { color: inherit; text-decoration: none; }
        button, input, select, textarea { font: inherit; }
        .container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
        .skip-link { position: absolute; left: -9999px; top: 10px; z-index: 10; background: #fff; padding: 12px 18px; border: 2px solid var(--green-950); }
        .skip-link:focus { left: 10px; }
        .notice { background: var(--green-950); color: #fff; font-size: 18px; text-align: center; padding: 11px 16px; }
        .header { position: sticky; top: 0; z-index: 5; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
        .nav { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
        .logo { font-size: 28px; font-weight: 900; letter-spacing: -.06em; color: var(--green-950); }
        .logo small { display: block; margin-top: -5px; color: var(--green-600); font-size: 11px; letter-spacing: .16em; }
        .menu { display: flex; align-items: center; gap: 28px; font-size: 18px; font-weight: 700; }
        .menu a:hover, .menu a:focus { color: var(--green-600); }
        .call-button, .primary-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; border-radius: 10px; padding: 13px 22px; font-size: 18px; font-weight: 800; text-align: center; transition: transform .15s ease, background .15s ease; }
        .call-button { background: var(--lime); color: var(--green-950); }
        .primary-button { background: var(--green-950); color: #fff; border: 2px solid var(--green-950); cursor: pointer; }
        .call-button:hover, .primary-button:hover { transform: translateY(-2px); }
        .hero { overflow: hidden; background: linear-gradient(110deg, #0d3529 0 56%, #275f4f 56% 100%); color: #fff; }
        .hero-inner { position: relative; min-height: 700px; display: grid; grid-template-columns: minmax(0, 1fr) 500px; align-items: center; gap: 42px; padding: 62px 0; }
        .hero-copy { position: relative; z-index: 2; padding-right: 150px; }
        .eyebrow { margin: 0 0 16px; color: var(--lime); font-size: 17px; font-weight: 800; letter-spacing: .06em; }
        h1, h2, h3, p { margin-top: 0; }
        h1 { max-width: 670px; margin-bottom: 24px; font-size: clamp(42px, 5.4vw, 72px); line-height: 1.18; letter-spacing: -.065em; word-break: keep-all; }
        .hero p:not(.eyebrow) { max-width: 600px; color: #e6eee9; font-size: 21px; word-break: keep-all; }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
        .hero-actions .primary-button { background: var(--lime); border-color: var(--lime); color: var(--green-950); }
        .hero-actions .outline { border: 2px solid rgba(255,255,255,.7); color: #fff; }
        .hero-cutout { position: absolute; z-index: 1; bottom: 0; left: 50%; width: min(34vw, 410px); max-height: 590px; object-fit: contain; object-position: bottom; filter: drop-shadow(12px 16px 18px rgba(0, 0, 0, .23)); pointer-events: none; }
        .hero-form { position: relative; z-index: 3; margin: 0; padding: 24px 26px 22px; border: 5px solid rgba(213,236,87,.36); border-radius: 21px; background: #fff; box-shadow: 0 24px 48px rgba(0,0,0,.22); }
        .hero-form h2 { margin-bottom: 7px; color: var(--green-950); font-size: 29px; }
        .hero-form p.form-intro { margin: 0 0 14px; color: var(--muted); font-size: 17px; }
        .hero-form .field { margin-bottom: 10px; }
        .hero-form label { margin-bottom: 5px; font-size: 18px; }
        .hero-form input, .hero-form select { min-height: 50px; }
        .hero-form textarea { min-height: 88px; }
        .hero-form .agree { margin: 2px 0 14px; font-size: 17px; }
        .hero-form .primary-button { width: 100%; min-height: 55px; font-size: 19px; }
        .quick { position: relative; z-index: 2; margin-top: -40px; }
        .quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); }
        .quick-item { display: flex; align-items: center; gap: 14px; padding: 23px 28px; border-right: 1px solid var(--line); }
        .quick-item:last-child { border-right: 0; }
        .quick-icon { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #ecf3dd; color: var(--green-800); font-weight: 900; }
        .quick-item strong { display: block; font-size: 17px; }
        .quick-item span { display: block; color: var(--muted); font-size: 15px; }
        section { padding: 110px 0; }
        .section-label { margin-bottom: 13px; color: var(--green-600); font-size: 17px; font-weight: 900; letter-spacing: .08em; }
        h2 { max-width: 690px; margin-bottom: 18px; color: var(--green-950); font-size: clamp(32px, 4vw, 48px); line-height: 1.25; letter-spacing: -.055em; word-break: keep-all; }
        .section-intro { max-width: 680px; color: var(--muted); font-size: 20px; word-break: keep-all; }
        .greeting { background: #e9efe2; }
        .greeting-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; align-items: center; }
        .portrait { display: grid; place-items: center; min-height: 370px; border-radius: 20px; background: linear-gradient(155deg, #f8f4dc, #92b96c); overflow: hidden; }
        .portrait-mark { display: grid; place-items: center; width: 195px; height: 195px; border: 13px solid rgba(255,255,255,.7); border-radius: 50%; color: var(--green-950); font-family: Georgia, serif; font-size: 76px; font-weight: 700; }
        .signature { margin: 28px 0 0; color: var(--green-800); font-size: 18px; font-weight: 800; }
        .academy-grid, .case-grid, .gallery-grid { display: grid; gap: 20px; }
        .academy-grid { grid-template-columns: repeat(3, 1fr); margin-top: 44px; }
        .card { position: relative; padding: 31px 28px; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
        @media (hover: hover) { .card:hover { z-index: 1; border-color: rgba(43, 122, 91, .45); box-shadow: 0 18px 35px rgba(18, 53, 43, .16); transform: translateY(-5px) scale(1.035); } }
        .card-number { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: 23px; border-radius: 50%; background: var(--lime); color: var(--green-950); font-size: 17px; font-weight: 900; }
        .card h3 { margin-bottom: 10px; color: var(--green-950); font-size: 24px; letter-spacing: -.04em; }
        .card p { margin-bottom: 0; color: var(--muted); font-size: 17px; }
        .cases { background: var(--green-950); color: #fff; }
        .cases h2 { color: #fff; }
        .cases .section-label { color: var(--lime); }
        .cases .section-intro { color: #d5e1d9; }
        .case-grid { grid-template-columns: repeat(3, 1fr); margin-top: 45px; }
        .case { min-height: 290px; display: flex; flex-direction: column; justify-content: end; padding: 28px; border-radius: 16px; background: linear-gradient(155deg, rgba(213,236,87,.85), rgba(32,92,70,.95)); }
        .case:nth-child(2) { background: linear-gradient(155deg, #d8c394, #557f65); }
        .case:nth-child(3) { background: linear-gradient(155deg, #9fd0d0, #1d5043); }
        .case span { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 700; }
        .case strong { font-size: 26px; line-height: 1.25; letter-spacing: -.04em; }
        .case p { margin: 8px 0 0; font-size: 16px; }
        .gallery-grid { grid-template-columns: repeat(3, 1fr); margin-top: 43px; }
        .gallery-card { overflow: hidden; border-radius: 14px; background: #fff; border: 1px solid var(--line); }
        .gallery-image { height: 210px; position: relative; background: linear-gradient(145deg, #c5df88, #37775e); }
        .gallery-image.has-image { background-position: center; background-size: cover; }
        .gallery-card:nth-child(2) .gallery-image { background: linear-gradient(145deg, #eccf89, #94744d); }
        .gallery-card:nth-child(3) .gallery-image { background: linear-gradient(145deg, #9ccaca, #2d665a); }
        .gallery-image::after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 65px; height: 65px; border: 6px solid rgba(255,255,255,.75); border-radius: 50%; }
        .gallery-card figcaption { padding: 18px 20px; font-weight: 800; }
        .contact { padding: 0; background: #e9efe2; }
        .contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; min-height: 460px; gap: 66px; align-items: center; padding: 86px 0; }
        .contact-note { padding: 26px; border-left: 5px solid var(--green-600); background: rgba(255,255,255,.55); }
        .contact-note strong { display: block; margin-bottom: 5px; color: var(--green-950); font-size: 20px; }
        .contact-note p { margin: 0; color: var(--muted); font-size: 17px; }
        form { padding: 34px; background: #fff; border-radius: 18px; box-shadow: var(--shadow); }
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
        .field { margin-bottom: 21px; }
        label { display: block; margin-bottom: 8px; color: var(--green-950); font-size: 17px; font-weight: 800; }
        input, select, textarea { width: 100%; min-height: 55px; padding: 12px 15px; background: #fff; border: 2px solid #c6d0c7; border-radius: 8px; color: var(--ink); font-size: 18px; }
        textarea { min-height: 135px; resize: vertical; }
        input:focus, select:focus, textarea:focus { outline: 3px solid rgba(213,236,87,.8); border-color: var(--green-600); }
        .agree { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 21px; color: var(--muted); font-size: 15px; }
        .agree input { flex: 0 0 auto; width: 23px; min-height: 23px; margin-top: 2px; }
        .form-help { margin: 15px 0 0; color: var(--muted); font-size: 14px; }
        .form-optional { color: var(--muted); font-size: 14px; font-weight: 600; }
        .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
        .contact-note .primary-button { margin-top: 22px; }
        /* Consulting-template direction: restrained editorial hierarchy with one clear conversion card. */
        .hero { position: relative; background: linear-gradient(112deg, #0d3529 0%, #17493a 58%, #28634f 100%); color: #fff; }
        .hero::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 42%; background: #0a2b22; clip-path: polygon(0 0, 94% 0, 77% 100%, 0 100%); }
        .hero::after { content: "GTR PARK"; position: absolute; right: 5%; top: 62px; color: rgba(255, 255, 255, .08); font-size: clamp(68px, 10vw, 156px); font-weight: 900; letter-spacing: -.09em; pointer-events: none; }
        .hero-copy { color: #fff; }
        .hero-copy h1 { color: #fff; }
        .hero-copy .eyebrow { color: var(--lime); }
        .hero .hero-copy p:not(.eyebrow) { color: #e1ebe4; }
        .hero-actions .outline { border-color: var(--green-800); color: var(--green-950); background: #fff; }
        .hero-cutout { left: 32%; width: min(32vw, 390px); }
        .hero-form { border: 1px solid #d8dfd5; border-top: 7px solid var(--green-600); border-radius: 10px; box-shadow: 0 22px 54px rgba(27, 59, 45, .16); }
        .hero-form h2 { font-size: 31px; }
        .hero-form .primary-button { border-radius: 7px; background: var(--green-600); border-color: var(--green-600); }
        .quick { margin-top: -28px; }
        .quick-grid { border-radius: 9px; box-shadow: 0 16px 35px rgba(18, 53, 43, .10); }
        .home-spacer { min-height: 520px; padding: 0; background: #fff; }
        .form-success { margin: 0 0 16px; padding: 12px 14px; border-radius: 8px; background: #e8f4e8; color: var(--green-800); font-size: 15px; font-weight: 700; }
        .form-error { margin: -10px 0 12px; color: #b42318; font-size: 14px; font-weight: 700; }
        .section-page { min-height: calc(100vh - 86px); padding: 140px 0; background: #f4f7f0; }
        .section-page-card { max-width: 820px; padding: clamp(34px, 6vw, 76px); background: #fff; border-top: 7px solid var(--green-600); box-shadow: var(--shadow); }
        .section-page-card .section-intro { margin-bottom: 38px; }
        .back-link { display: inline-flex; color: var(--green-600); font-size: 17px; font-weight: 800; }
        footer { padding: 44px 0; background: #102e25; color: #d9e3db; }
        .footer-inner { display: flex; justify-content: space-between; gap: 28px; align-items: flex-end; }
        .footer-logo { color: #fff; font-size: 25px; font-weight: 900; }
        footer p { margin: 8px 0 0; font-size: 14px; }
        @media (max-width: 900px) {
            .menu { display: none; }
            .hero-inner, .greeting-grid, .contact-layout { grid-template-columns: 1fr; }
            .hero-inner { padding: 64px 0 70px; }
            .hero-copy { padding-right: 0; }
            .hero-cutout { position: static; display: block; grid-row: 2; width: 280px; max-height: 310px; margin: -36px auto -50px; }
            .quick-grid, .academy-grid, .case-grid, .gallery-grid { grid-template-columns: 1fr; }
            .quick-item { border-right: 0; border-bottom: 1px solid var(--line); }
            .quick-item:last-child { border-bottom: 0; }
            .greeting-grid, .contact-layout { gap: 38px; }
        }
        @media (max-width: 600px) {
            :scope { font-size: 17px; }
            .container { width: min(100% - 32px, 1180px); }
            .notice { font-size: 14px; }
            .nav { min-height: 74px; }
            .logo { font-size: 25px; }
            .call-button { min-height: 47px; padding: 10px 14px; font-size: 16px; }
            section { padding: 48px 0; }
            h1 { font-size: 42px; }
            .hero p:not(.eyebrow), .section-intro { font-size: 18px; }
            .hero-actions { display: grid; }
            .hero-form { padding: 24px 19px; border-width: 3px; }
            .form-grid { grid-template-columns: 1fr; gap: 0; }
            form { padding: 25px 20px; }
            .footer-inner { display: block; }
            .contact-layout { min-height: 390px; padding: 70px 0; }
        }

        /* Corporate landing-page refresh: restrained geometry, compact controls, and defined sections. */
        :scope { background: #fff; font-size: 15px; }
        h1 { font-size: clamp(28px, 4vw, 44px); }
        h2 { font-size: clamp(24px, 3vw, 34px); }
        .section-intro { font-size: 15px; }
        .card h3 { font-size: 19px; }
        .card p { font-size: 14px; }
        .hero { min-height: 350px; background: linear-gradient(105deg, #0e3329 0%, #174b3b 58%, #28644f 100%); }
        .hero::before { width: 100%; background: radial-gradient(circle at 78% 20%, rgba(213,236,87,.18), transparent 27%), linear-gradient(90deg, rgba(0,0,0,.2), transparent 58%); clip-path: none; }
        .hero::after { content: "GTR"; right: 3%; top: auto; bottom: -80px; color: rgba(255,255,255,.055); font-size: min(24vw, 320px); letter-spacing: -.12em; }
        .hero-inner { grid-template-columns: minmax(0, 1fr); min-height: 350px; gap: 0; padding: 0 0 20px; }
        .hero-copy { align-self: start; padding-right: 0; }
        .hero-copy h1 { font-size: clamp(32px, 4.3vw, 50px); line-height: 1.2; margin-bottom: 18px; }
        .hero-copy .eyebrow { font-size: 15px; }
        .eyebrow, .section-label { font-size: 13px; letter-spacing: .13em; }
        .hero p:not(.eyebrow) { font-size: 18px; line-height: 1.6; }
        .call-button, .primary-button { min-height: 44px; padding: 10px 18px; border-radius: 4px; font-size: 14px; }
        .hero-actions { gap: 11px; margin-top: 24px; }
        .hero-actions .outline { border-color: rgba(255,255,255,.65); color: #fff; background: transparent; }
        .hero-cutout { left: 40%; top:20px; width: min(29vw, 320px); max-height: 320px; opacity: .92; }
        .hero-form { padding: 30px 36px 27px; border: 0; border-top: 4px solid var(--lime); border-radius: 0; box-shadow: 0 20px 50px rgba(0,0,0,.24); }
        .hero-form h2 { font-size: 20px; margin-bottom: 6px; }
        .hero-form p.form-intro { font-size: 17px; margin-bottom: 18px; }
        .hero-form label { font-size: 16px; margin-bottom: 6px; }
        .hero-form .field { margin-bottom: 12px; }
        .hero-form input, .hero-form select { min-height: 48px; padding: 9px 15px; font-size: 16px; border-radius: 4px; }
        .hero-form textarea { min-height: 81px; padding: 9px 15px; font-size: 16px; border-radius: 4px; }
        .hero-form .agree { font-size: 15px; margin: 3px 0 18px; }
        .hero-form .agree input { width: 24px; min-height: 24px; }
        .hero-form .primary-button { min-height: 52px; font-size: 18px; background: var(--lime); border-color: var(--lime); color: var(--green-950); }
        .quick { margin-top: -31px; }
        .quick-grid { border: 1px solid var(--line); border-radius: 0; box-shadow: var(--shadow); }
        .quick-item { min-height: 100px; padding: 20px 26px; }
        section { padding: 64px 0; }
        .greeting, .contact { background: var(--cream); }
        .portrait, .card, .gallery-card, .case { border-radius: 0; }
        .portrait { min-height: 380px; }
        .academy-grid, .case-grid, .gallery-grid { gap: 24px; }
        .card { border-color: var(--line); }
        .cases { overflow: hidden; }
        .gallery-card { box-shadow: 0 8px 24px rgba(18,53,43,.06); }
        .gallery-image { height: 220px; }
        .store-preview-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 42px; }
        .store-preview { overflow: hidden; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 8px 24px rgba(18,53,43,.08); }
        .store-preview img { display: block; width: 100%; height: 178px; object-fit: cover; transition: transform .25s ease; }
        .store-preview:hover img { transform: scale(1.05); }
        .store-preview-copy { display: block; padding: 22px 24px 26px; }
        .store-preview-copy span { display: block; margin-bottom: 6px; color: var(--green-600); font-size: 12px; font-weight: 800; }
        .store-preview-copy strong { display: block; font-size: 15px; line-height: 1.4; }
        .contact-note { background: #fff; box-shadow: 0 5px 16px rgba(18,53,43,.05); }
        @media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; gap: 42px; padding: 0 0 20px; } .hero-form { max-width: 560px; } }

        /* Porto about-us advanced reference: centered introduction, value columns, and a solid metrics band. */
        .quick { margin: 0; padding: 60px 0 0; background: #fff; }
        .quick-intro { max-width: 820px; margin: 0 auto 48px; text-align: center; }
        .quick-intro h2 { max-width: none; margin-bottom: 13px; font-size: clamp(30px, 3.4vw, 44px); }
        .quick-intro p { max-width: 670px; margin: 0 auto; color: var(--muted); font-size: 18px; }
        .quick-grid { grid-template-columns: repeat(3, 1fr); border: 0; box-shadow: none; }
        .quick-item { display: block; min-height: 0; padding: 0 30px 52px; border: 0; }
        .quick-item + .quick-item { border-left: 1px solid var(--line); }
        .quick-icon { width: auto; height: auto; margin-bottom: 14px; background: transparent; color: var(--green-600); font-size: 13px; }
        .quick-item strong { margin-bottom: 8px; color: var(--green-950); font-size: 20px; }
        .quick-item span { color: var(--muted); font-size: 16px; line-height: 1.7; }
        .stats { padding: 44px 0; background: var(--green-600); color: #fff; }
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
        .stat-item strong { display: block; margin-bottom: 2px; color: #fff; font-size: 34px; line-height: 1.2; }
        .stat-item span { color: rgba(255,255,255,.84); font-size: 14px; font-weight: 700; }
        .greeting { position: relative; overflow: hidden; }
        .portrait::before { content: ""; position: absolute; width: 68%; height: 68%; right: -16%; bottom: -17%; border: 1px solid rgba(255,255,255,.6); }
        .trust-grid { grid-template-columns: repeat(5, 1fr); }
        .trust-grid .quick-item { padding: 0 20px 46px; }
        .trust-grid .quick-item strong { font-size: 18px; }
        .stats-label { margin: 0 0 22px; color: var(--lime); font-size: 13px; font-weight: 900; letter-spacing: .13em; text-align: center; }
        .process-grid { grid-template-columns: repeat(5, 1fr); gap: 0; }
        .process-grid .stat-item { position: relative; padding: 0 18px; }
        .process-grid .stat-item + .stat-item::before { position: absolute; top: 15px; left: -3px; color: var(--lime); content: "→"; font-size: 17px; }
        @media (max-width: 1000px) { .trust-grid { grid-template-columns: repeat(3, 1fr); } .trust-grid .quick-item:nth-child(4) { border-left: 1px solid var(--line); } .process-grid { grid-template-columns: repeat(3, 1fr); gap: 28px 0; } .process-grid .stat-item:nth-child(4)::before { content: none; } }
        @media (max-width: 900px) { .quick { padding-top: 48px; } .quick-grid, .stats-grid { grid-template-columns: 1fr; } .quick-item { padding: 0 0 26px; } .quick-item + .quick-item { padding-top: 26px; border-top: 1px solid var(--line); border-left: 0; } .trust-grid .quick-item { padding: 0 0 26px; } .stats { padding: 38px 0; } .process-grid { gap: 0; } .process-grid .stat-item { padding: 16px 0; } .process-grid .stat-item + .stat-item::before { top: -8px; left: 50%; transform: translateX(-50%) rotate(90deg); } .process-grid .stat-item:nth-child(4)::before { content: "→"; } .store-preview-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 600px) { .store-preview-grid { grid-template-columns: 1fr; } .store-preview img { height: 210px; } }
    
}

/* resources/views/layouts/backoffice.blade.php */
@scope (body.page-layouts-backoffice) {

        * { box-sizing: border-box; }
        :scope { margin: 0; background: #f5f7f5; color: #17352c; font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; }
        .backoffice-app { display: grid; grid-template-columns: 255px 1fr; min-height: 100vh; }
        .backoffice-sidebar { padding: 32px 20px; background: #103d34; color: #dcebe5; }
        .backoffice-brand { display: flex; flex-direction: column; margin: 0 12px 62px; color: #fff; font-size: 27px; font-weight: 900; letter-spacing: -.08em; line-height: 1; text-decoration: none; }
        .backoffice-brand small { margin-top: 7px; color: #d9ef49; font-size: 9px; letter-spacing: .18em; }
        .backoffice-nav-label { margin: 0 12px 12px; color: #81a99b; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
        .backoffice-nav { display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 8px; color: #dcebe5; font-size: 14px; font-weight: 700; text-decoration: none; }
        .backoffice-nav[class~="active"] { background: rgba(217, 239, 73, .16); color: #fff; }
        .backoffice-nav-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; background: rgba(255, 255, 255, .1); color: #d9ef49; font-size: 12px; }
        .backoffice-sidebar-footer { position: fixed; bottom: 30px; left: 32px; color: #90ada2; font-size: 11px; }
        .backoffice-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 0 clamp(24px, 4vw, 58px); background: #fff; border-bottom: 1px solid #e3e9e5; }
        .backoffice-crumb { color: #77837e; font-size: 13px; }
        .backoffice-profile { display: flex; align-items: center; gap: 11px; }
        .backoffice-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #ddecdf; color: #258260; font-size: 13px; font-weight: 900; }
        .backoffice-user-name { font-size: 13px; font-weight: 800; }
        .backoffice-logout { padding: 8px 0 8px 12px; border: 0; border-left: 1px solid #e3e9e5; background: none; color: #77837e; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 700; }
        .backoffice-main { padding: 46px clamp(24px, 4vw, 58px); }
        [class~="backoffice-heading"] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
        [class~="backoffice-heading"] h1 { margin: 0 0 7px; font-size: 29px; letter-spacing: -.06em; }
        [class~="backoffice-heading"] p { margin: 0; color: #77837e; font-size: 14px; }
        [class~="backoffice-count"] { padding: 9px 13px; border-radius: 99px; background: #eaf4dc; color: #537326; font-size: 13px; font-weight: 800; }
        [class~="backoffice-card"] { overflow: hidden; border: 1px solid #e3e9e5; border-radius: 12px; background: #fff; }
        [class~="backoffice-scroll"] { overflow: auto; }
        [class~="backoffice-empty"] { padding: 62px; color: #77837e; text-align: center; }
        [class~="backoffice-pagination"] { margin-top: 20px; }
        @media (max-width: 820px) { .backoffice-app { grid-template-columns: 1fr; } .backoffice-sidebar, .backoffice-sidebar-footer { display: none; } .backoffice-main { padding-top: 32px; } }
        @media (max-width: 480px) { .backoffice-topbar { padding: 0 20px; } .backoffice-user-name { display: none; } .backoffice-main { padding: 28px 16px; } [class~="backoffice-heading"] { align-items: start; flex-direction: column; } }
    
}

/* Backoffice layout: explicit selectors keep the admin shell stable in all supported browsers. */
body.page-layouts-backoffice { margin: 0; min-height: 100vh; background: #f5f7f5; color: #17352c; font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; }
body.page-layouts-backoffice *, body.page-layouts-backoffice *::before, body.page-layouts-backoffice *::after { box-sizing: border-box; }
body.page-layouts-backoffice .backoffice-app { display: grid; grid-template-columns: 255px minmax(0, 1fr); min-height: 100vh; }
body.page-layouts-backoffice .backoffice-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; min-height: 100vh; height: 100vh; padding: 32px 20px; background: #103d34; color: #dcebe5; }
body.page-layouts-backoffice .backoffice-brand { display: flex; flex-direction: column; margin: 0 12px 62px; color: #fff; font-size: 27px; font-weight: 900; letter-spacing: -.08em; line-height: 1; text-decoration: none; }
body.page-layouts-backoffice .backoffice-brand small { margin-top: 7px; color: #d9ef49; font-size: 9px; letter-spacing: .18em; }
body.page-layouts-backoffice .backoffice-nav-label { margin: 0 12px 12px; color: #81a99b; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
body.page-layouts-backoffice .backoffice-nav { display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 8px; color: #dcebe5; font-size: 14px; font-weight: 700; text-decoration: none; }
body.page-layouts-backoffice .backoffice-nav.active { background: rgba(217, 239, 73, .16); color: #fff; }
body.page-layouts-backoffice .backoffice-nav-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; background: rgba(255, 255, 255, .1); color: #d9ef49; font-size: 12px; }
body.page-layouts-backoffice .backoffice-sidebar-footer { margin-top: auto; padding: 30px 12px 0; color: #90ada2; font-size: 11px; }
body.page-layouts-backoffice .backoffice-app > section { min-width: 0; background: #f5f7f5; }
body.page-layouts-backoffice .backoffice-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 0 clamp(24px, 4vw, 58px); border-bottom: 1px solid #e3e9e5; background: #fff; }
body.page-layouts-backoffice .backoffice-crumb { color: #77837e; font-size: 13px; }
body.page-layouts-backoffice .backoffice-profile { display: flex; align-items: center; gap: 11px; }
body.page-layouts-backoffice .backoffice-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #ddecdf; color: #258260; font-size: 13px; font-weight: 900; }
body.page-layouts-backoffice .backoffice-user-name { font-size: 13px; font-weight: 800; }
body.page-layouts-backoffice .backoffice-logout { padding: 8px 0 8px 12px; border: 0; border-left: 1px solid #e3e9e5; background: none; color: #77837e; cursor: pointer; font: 700 12px inherit; }
body.page-layouts-backoffice .backoffice-main { min-width: 0; padding: 46px clamp(24px, 4vw, 58px); }
body.page-layouts-backoffice .backoffice-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
body.page-layouts-backoffice .backoffice-heading h1 { margin: 0 0 7px; font-size: 29px; letter-spacing: -.06em; }
body.page-layouts-backoffice .backoffice-heading p { margin: 0; color: #77837e; font-size: 14px; }
body.page-layouts-backoffice .backoffice-count { padding: 9px 13px; border-radius: 99px; background: #eaf4dc; color: #537326; font-size: 13px; font-weight: 800; }
body.page-layouts-backoffice .backoffice-card { overflow: hidden; border: 1px solid #e3e9e5; border-radius: 12px; background: #fff; }
body.page-layouts-backoffice .backoffice-scroll { overflow: auto; }
body.page-layouts-backoffice .backoffice-empty { padding: 62px; color: #77837e; text-align: center; }
body.page-layouts-backoffice .backoffice-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 22px; border-bottom: 1px solid #e3e9e5; background: linear-gradient(90deg, #fbfdfb, #f3f8f2); }
body.page-layouts-backoffice .backoffice-list-toolbar strong { display: block; margin-bottom: 3px; color: #17352c; font-size: 14px; }
body.page-layouts-backoffice .backoffice-list-toolbar span { color: #77837e; font-size: 12px; }
body.page-layouts-backoffice .backoffice-list-marker { padding: 6px 9px; border: 1px solid #d8e5da; border-radius: 4px; color: #258260 !important; font-size: 10px !important; font-weight: 900; letter-spacing: .08em; }
body.page-layouts-backoffice .consultation-table, body.page-layouts-backoffice .sms-table { width: 100%; border-collapse: collapse; text-align: left; }
body.page-layouts-backoffice .consultation-table { min-width: 980px; }
body.page-layouts-backoffice .sms-table { min-width: 1060px; }
body.page-layouts-backoffice .consultation-table th, body.page-layouts-backoffice .consultation-table td, body.page-layouts-backoffice .sms-table th, body.page-layouts-backoffice .sms-table td { padding: 18px 20px; border-bottom: 1px solid #edf1ee; vertical-align: top; font-size: 13px; }
body.page-layouts-backoffice .consultation-table th, body.page-layouts-backoffice .sms-table th { background: #f9fbf9; color: #6d7a74; font-size: 11px; font-weight: 900; letter-spacing: .04em; white-space: nowrap; }
body.page-layouts-backoffice .consultation-table tbody tr, body.page-layouts-backoffice .sms-table tbody tr { transition: background .16s ease; }
body.page-layouts-backoffice .consultation-table tbody tr:hover, body.page-layouts-backoffice .sms-table tbody tr:hover { background: #f6faf6; }
body.page-layouts-backoffice .consultation-message, body.page-layouts-backoffice .sms-message { min-width: 250px; color: #66746d; line-height: 1.65; }
body.page-layouts-backoffice .consultation-status, body.page-layouts-backoffice .sms-badge { display: inline-block; padding: 5px 9px; border-radius: 99px; background: #e6f3eb; color: #23744e; font-size: 11px; font-weight: 900; white-space: nowrap; }
body.page-layouts-backoffice .sms-badge.test { background: #eef1f8; color: #596b95; }
body.page-layouts-backoffice .backoffice-pagination { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 15px 18px; border: 1px solid #e3e9e5; border-radius: 10px; background: #fff; }
body.page-layouts-backoffice .backoffice-pagination-summary { margin: 0; color: #77837e; font-size: 12px; }
body.page-layouts-backoffice .backoffice-pagination-summary strong { color: #17352c; font-size: 13px; }
body.page-layouts-backoffice .backoffice-pagination-links { display: flex; align-items: center; gap: 6px; }
body.page-layouts-backoffice .backoffice-pagination-link { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #dce5de; border-radius: 6px; background: #fff; color: #496258; font-size: 12px; font-weight: 800; text-decoration: none; transition: background .16s ease, border-color .16s ease, color .16s ease; }
body.page-layouts-backoffice .backoffice-pagination-link:hover { border-color: #258260; background: #f0f8f2; color: #1b6e4f; }
body.page-layouts-backoffice .backoffice-pagination-link.is-current { border-color: #258260; background: #258260; color: #fff; }
body.page-layouts-backoffice .backoffice-pagination-link.is-disabled { border-color: #edf0ed; background: #f7f9f7; color: #b1bbb5; }
body.page-layouts-backoffice .backoffice-pagination-ellipsis { padding: 0 2px; color: #8a9790; font-size: 14px; }
@media (max-width: 820px) { body.page-layouts-backoffice .backoffice-app { grid-template-columns: 1fr; } body.page-layouts-backoffice .backoffice-sidebar { display: none; } body.page-layouts-backoffice .backoffice-main { padding-top: 32px; } }
@media (max-width: 620px) { body.page-layouts-backoffice .backoffice-list-toolbar, body.page-layouts-backoffice .backoffice-pagination { align-items: flex-start; flex-direction: column; } body.page-layouts-backoffice .backoffice-pagination-links { width: 100%; overflow-x: auto; padding-bottom: 2px; } }
@media (max-width: 480px) { body.page-layouts-backoffice .backoffice-topbar { padding: 0 20px; } body.page-layouts-backoffice .backoffice-user-name { display: none; } body.page-layouts-backoffice .backoffice-main { padding: 28px 16px; } body.page-layouts-backoffice .backoffice-heading { align-items: start; flex-direction: column; } }

/* resources/views/section.blade.php */
@scope (body.page-section) {

        * { box-sizing: border-box; }
        :scope { margin: 0; background: #f7f5ef; color: #12352b; font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; }
        .section-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
        .section-page { min-height: calc(100vh - 76px); padding: 120px 0; }
        .section-page-card { max-width: 880px; padding: clamp(34px, 6vw, 76px); border-top: 4px solid #d5ec57; background: #fff; box-shadow: 0 16px 40px rgba(18, 53, 43, .10); }
        .section-label { margin: 0 0 13px; color: #2b7a5b; font-size: 13px; font-weight: 900; letter-spacing: .13em; }
        .section-page-card h1 { max-width: 690px; margin: 0 0 24px; font-size: clamp(36px, 4vw, 54px); line-height: 1.25; letter-spacing: -.06em; word-break: keep-all; }
        .section-intro { max-width: 680px; margin: 0 0 38px; color: #536058; font-size: 20px; line-height: 1.8; word-break: keep-all; }
        .item-list { display: grid; gap: 12px; margin: 0 0 38px; padding: 0; list-style: none; }
        .item-list li { padding: 18px 20px; border-left: 4px solid #d5ec57; background: #f5f8f2; color: #536058; line-height: 1.7; }
        .back-link { color: #2b7a5b; font-size: 17px; font-weight: 800; text-decoration: none; }
        footer { padding: 44px 0; background: #102e25; color: #d9e3db; }
        .footer-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
        .footer-logo { color: #fff; font-size: 25px; font-weight: 900; }
        footer p { margin: 8px 0 0; font-size: 14px; }
        @media (max-width: 800px) { .section-page { padding: 80px 0; } }
        @media (max-width: 600px) { .section-container { width: min(100% - 32px, 1180px); } .footer-inner { display: block; } }
    
}

/* resources/views/stores/index.blade.php */
@scope (body.page-stores-index) {

        :scope { --forest:#12352b; --green:#2b7a5b; --lime:#d5ec57; --cream:#f7f5ef; --muted:#5a675f; }
        * { box-sizing:border-box; }
        :scope { margin:0; background:var(--cream); color:#17251f; font-family:"Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height:1.7; }
        .stores-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
        
        .page-hero { position:relative; overflow:hidden; min-height:320px; background:linear-gradient(110deg, #12352b, #27604d); color:#fff; } 
        .page-hero::after { position:absolute; right:-18px; bottom:-62px; color:rgba(255,255,255,.06); font-size:clamp(110px, 17vw, 230px); font-weight:900; letter-spacing:-.13em; line-height:1; content:"STORES"; } 
        .page-hero-inner { position:relative; z-index:1; display:flex; min-height:320px; align-items:center; padding:60px 0; }
        .eyebrow { margin:0 0 14px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; }
        h1,h2,p { margin-top:0; }
        h1 { max-width:780px; margin-bottom:14px; font-size:clamp(30px, 4.2vw, 48px); line-height:1.25; letter-spacing:-.075em; word-break:keep-all; }
        .page-hero p:not(.eyebrow) { max-width:630px; margin:0; color:#e0ece4; font-size:17px; word-break:keep-all; }
        
        .stores-section { padding:108px 0; }
        .store-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
        .store-card { display:flex; flex-direction:column; overflow:hidden; background:#fff; color:inherit; text-decoration:none; box-shadow:0 12px 28px rgba(18,53,43,.08); transition:transform .2s ease, box-shadow .2s ease; }
        .store-card:hover { transform:translateY(-5px); box-shadow:0 19px 35px rgba(18,53,43,.15); }
        .store-card img { display:block; width:100%; aspect-ratio:3 / 2; object-fit:cover; }
        
        .store-card-copy { display:flex; flex-direction:column; flex-grow:1; padding:22px 22px 24px; }
        .location { display:block; margin-bottom:8px; color:var(--green); font-size:13px; font-weight:800; }
        .store-card h2 { margin:0 0 8px; color:var(--forest); font-size:20px; line-height:1.4; letter-spacing:-.04em; }
        .store-card p { margin:0 0 16px; color:var(--muted); font-size:15px; line-height:1.6; flex-grow:1; }
        .more { display:block; margin-top:auto; color:var(--forest); font-size:13px; font-weight:900; }
        
        footer { padding:44px 0; background:#102e25; color:#d9e3db; }
        .footer-inner { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; }
        .footer-logo { color:#fff; font-size:25px; font-weight:900; }
        footer p { margin:8px 0 0; font-size:14px; }
        
        @media (max-width: 900px) {
            .store-grid { grid-template-columns: repeat(2, 1fr); }
            .stores-section { padding:76px 0; }
        }
        @media (max-width: 800px) {
            .page-hero, .page-hero-inner { min-height:270px; }
        }
        @media (max-width: 600px) {
            .stores-container { width:min(100% - 32px, 1180px); }
            .page-hero-inner { padding:48px 0; }
            h1 { font-size:clamp(22px, 6vw, 32px); }
            .page-hero p:not(.eyebrow) { font-size:17px; }
            .footer-inner { display:block; }
        }
        @media (max-width: 500px) {
            .store-grid { grid-template-columns: 1fr; }
        }
    
}

/* resources/views/stores/show.blade.php */
@scope (body.page-stores-show) {

        :scope { --forest:#12352b; --green:#2b7a5b; --lime:#d5ec57; --cream:#f7f5ef; --muted:#59675e; --line:#dce3dc; }
        * { box-sizing:border-box; }
        :scope { margin:0; background:var(--cream); color:#17251f; font-family:"Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height:1.7; }
        .store-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
        
        /* Hero Section */
        .page-hero { position:relative; overflow:hidden; min-height:320px; background:linear-gradient(110deg, #12352b, #27604d); color:#fff; } 
        .page-hero::after { position:absolute; right:-18px; bottom:-62px; color:rgba(255,255,255,.06); font-size:clamp(110px, 17vw, 230px); font-weight:900; letter-spacing:-.13em; line-height:1; content:"STORE"; } 
        .page-hero-inner { position:relative; z-index:1; display:flex; min-height:320px; align-items:center; padding:60px 0; }
        .eyebrow { margin:0 0 14px; color:var(--lime); font-size:13px; font-weight:900; letter-spacing:.15em; }
        h1,h2,p { margin-top:0; }
        h1 { max-width:780px; margin-bottom:14px; font-size:clamp(30px, 4.2vw, 48px); line-height:1.25; letter-spacing:-.075em; word-break:keep-all; }
        .page-hero p:not(.eyebrow) { max-width:630px; margin:0; color:#e0ece4; font-size:17px; word-break:keep-all; }
        
        /* Detail Layout */
        .store-detail-section { padding:80px 0; }
        .detail-grid { display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(0, .6fr); gap:60px; align-items:start; }
        
        /* Main Column */
        .store-main-image { display:block; width:100%; aspect-ratio:16 / 10; object-fit:cover; box-shadow:0 12px 35px rgba(18,53,43,.08); border-radius:0; margin-bottom:48px; }
        .article h2 { margin-bottom:20px; color:var(--forest); font-size:28px; letter-spacing:-.05em; border-bottom:2px solid var(--forest); padding-bottom:10px; display:inline-block; }
        .article p { margin-bottom:24px; color:var(--muted); font-size:17px; word-break:keep-all; }
        
        /* Sidebar Column */
        .sidebar-card { background:#fff; padding:32px; border-top:5px solid var(--green); box-shadow:0 12px 28px rgba(18,53,43,.06); margin-bottom:30px; }
        .sidebar-card h3 { margin:0 0 20px; color:var(--forest); font-size:20px; font-weight:900; }
        .points { margin:0; padding:0; list-style:none; }
        .points li { padding:14px 0; border-bottom:1px solid #f1f4f1; color:var(--forest); font-size:16px; font-weight:800; display:flex; align-items:center; }
        .points li:last-child { border-bottom:0; }
        .points li::before { content:""; display:inline-block; width:6px; height:6px; background:var(--green); border-radius:50%; margin-right:12px; flex-shrink:0; }
        
        /* Actions */
        .sidebar-actions { display:flex; flex-direction:column; gap:12px; }
        .list-button, .consult-button { display:inline-flex; min-height:51px; align-items:center; justify-content:center; padding:12px 23px; font-size:15px; font-weight:900; text-decoration:none; text-align:center; transition:transform .15s ease; }
        .list-button { background:transparent; border:2px solid var(--forest); color:var(--forest); }
        .consult-button { background:var(--forest); color:#fff; }
        .list-button:hover, .consult-button:hover { transform:translateY(-2px); }
        
        /* Footer */
        footer { padding:44px 0; background:#102e25; color:#d9e3db; }
        .footer-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
        .footer-logo { color:#fff; font-size:25px; font-weight:900; }
        footer p { margin:8px 0 0; font-size:14px; }
        
        @media (max-width: 860px) {
            .detail-grid { grid-template-columns:1fr; gap:40px; }
            .sidebar-card { padding:24px; }
        }
        @media (max-width: 800px) {
            .page-hero, .page-hero-inner { min-height:270px; }
        }
        @media (max-width: 600px) {
            .store-container { width:min(100% - 32px, 1180px); }
            .page-hero-inner { padding:48px 0; }
            h1 { font-size:clamp(22px, 6vw, 32px); }
            .page-hero p:not(.eyebrow) { font-size:17px; }
            .footer-inner { display:block; }
        }
    
}

/* resources/views/test/sms.blade.php */
@scope (body.page-test-sms) {
:scope{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f7f2;color:#17352c;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}.card{width:min(560px,calc(100% - 40px));padding:42px;background:#fff;border-top:7px solid #258260;box-shadow:0 18px 45px rgba(18,53,43,.12)}h1{margin:0 0 8px;font-size:28px}.intro{margin:0 0 26px;color:#75817b;line-height:1.7}.mode{margin-bottom:24px;padding:12px 14px;border-radius:8px;background:{{ $isTestMode ? '#f1f7e3' : '#fff0ee' }};color:{{ $isTestMode ? '#57752b' : '#b42318' }};font-size:14px;font-weight:800}label{display:block;margin:18px 0 8px;font-size:14px;font-weight:800}input,textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #d5dfd8;border-radius:8px;font:inherit}textarea{min-height:110px;resize:vertical}button{width:100%;margin-top:24px;padding:16px;border:0;border-radius:8px;background:#103d34;color:#fff;cursor:pointer;font:800 16px inherit}.back{display:inline-block;margin-top:22px;color:#258260;font-size:14px;font-weight:800}
}

/* resources/views/welcome.blade.php */
@scope (body.page-welcome) {

                /*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:scope,:host{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:scope,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-\[6\.6rem\]{margin-top:-6.6rem}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/364\]{aspect-ratio:335/364}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-14\.5{height:calc(var(--spacing) * 14.5)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[438px\]{width:438px}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[335px\]{max-width:335px}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-transparent{border-color:#0000}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#1B1B18\],.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F3BEC7\]{color:#f3bec7}.text-\[\#F8B803\]{color:#f8b803}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-100{opacity:1}.mix-blend-color{mix-blend-mode:color}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[--stroke-color\:\#1B1B18\]{--stroke-color:#1b1b18}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media(hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing) * 0)}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#4B0600\]{color:#4b0600}.dark\:text-\[\#391800\]{color:#391800}.dark\:text-\[\#733000\]{color:#733000}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:text-black{color:var(--color-black)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:mix-blend-hard-light{mix-blend-mode:hard-light}.dark\:mix-blend-normal{mix-blend-mode:normal}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:\[--stroke-color\:\#FF750F\]{--stroke-color:#ff750f}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media(hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}@starting-style{.starting\:opacity-0{opacity:0}}@media(prefers-reduced-motion:no-preference){@starting-style{.motion-safe\:starting\:-translate-x-\[26px\]{--tw-translate-x: -26px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[51px\]{--tw-translate-x: -51px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[78px\]{--tw-translate-x: -78px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[102px\]{--tw-translate-x: -102px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
            
}