@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.arte-logo{height:32px;width:auto;display:block;object-fit:contain;opacity:.9}:root{--color-primary: #1A1A1A;--color-primary-light: #333333;--color-primary-dark: #000000;--color-accent: #1A1A1A;--color-accent-light: #444444;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F8F8;--color-bg-tertiary: #F0F0F0;--color-bg-card: #FFFFFF;--color-text-primary: #111111;--color-text-secondary: #444444;--color-text-tertiary: #777777;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-border: rgba(0, 0, 0, .08);--btn-primary-bg: #1A1A1A;--btn-primary-fg: #FFFFFF;--btn-primary-hover: #333333;--btn-primary-active: #000000;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06);--glass-blur: 20px;--admin-bg: #FFFFFF;--admin-sidebar: #FAFAFA;--admin-card: #FFFFFF;--admin-accent: #1A1A1A;--admin-success: #34C759;--admin-warning: #FF9500;--admin-danger: #FF3B30;--font-family: "Pretendard", "Inter", -apple-system, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 40px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-primary: none;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-modal: 1000;--z-overlay: 900;--z-header: 800;--z-dropdown: 700;--z-index-sticky: 100}[data-theme=dark]{--color-primary: #E8E8E8;--color-primary-light: #CCCCCC;--color-primary-dark: #FFFFFF;--color-accent: #E8E8E8;--color-accent-light: #AAAAAA;--color-bg-primary: #0D0D0D;--color-bg-secondary: #141414;--color-bg-tertiary: #1C1C1C;--color-bg-card: #141414;--color-text-primary: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-tertiary: #555555;--color-border: rgba(255, 255, 255, .08);--btn-primary-bg: #E8E8E8;--btn-primary-fg: #0D0D0D;--btn-primary-hover: #CCCCCC;--btn-primary-active: #FFFFFF;--glass-bg: rgba(13, 13, 13, .85);--glass-border: rgba(255, 255, 255, .06);--admin-bg: #0D0D0D;--admin-sidebar: #111111;--admin-card: #141414;--admin-accent: #2A2A2A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--fs-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100%;display:flex;flex-direction:column}h1{font-size:var(--fs-4xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2{font-size:var(--fs-3xl);font-weight:700;line-height:1.3;letter-spacing:-.01em}h3{font-size:var(--fs-2xl);font-weight:600;line-height:1.4;letter-spacing:-.01em}h4{font-size:var(--fs-xl);font-weight:600;line-height:1.4}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition-fast)}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.glass-card{background:var(--color-bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.gradient-text{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);background:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;gap:var(--spacing-sm);white-space:nowrap}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-weight:600;box-shadow:none;letter-spacing:.02em}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);background:var(--btn-primary-active)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite ease-in-out}@media(max-width:768px){:root{--fs-4xl: 32px;--fs-3xl: 28px;--fs-2xl: 22px;--fs-xl: 18px}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .header-container,[dir=rtl] .footer-links,[dir=rtl] .btn{flex-direction:row-reverse}[dir=rtl] .language-selector{left:auto;right:0}.arte-logo--main{height:auto;width:180px;max-width:50vw}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);width:100%}.loading-container.full-page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);z-index:var(--z-modal)}.loading-spinner{position:relative;width:40px;height:40px}.spinner-ring{position:absolute;width:100%;height:100%;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-core{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);opacity:.15;animation:pulse 1.5s ease-in-out infinite}.loading-message{color:var(--color-text-tertiary);font-size:var(--fs-xs);font-weight:500;animation:fadeIn .5s ease-in}@keyframes spin{to{transform:rotate(360deg)}}
