*{margin:0;padding:0;box-sizing:border-box}:root{--surface-warm: #fafaf9;--surface-muted: #f5f5f4;--surface-contrast: #ffffff;--surface-overlay: rgba(255, 255, 255, .95);--border-warm: rgba(0, 0, 0, .08);--border-soft: rgba(0, 0, 0, .06);--text-primary: #18181b;--text-secondary: #52525b;--accent-soft: #4f7396;--accent-hover: #3d5a75;--shadow-warm: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--bg-main: linear-gradient(135deg, #5b7c99 0%, #6b8caf 50%, #7a9cc0 100%);--card-bg: #ffffff;--card-muted: #f9fafb}:root[data-theme=dark]{--surface-warm: #1e1e1e;--surface-muted: #252525;--surface-contrast: #2a2a2a;--surface-overlay: rgba(42, 42, 42, .95);--border-warm: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--accent-soft: #7b9ab8;--accent-hover: #5b7c99;--shadow-warm: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--bg-main: linear-gradient(135deg, #18181b 0%, #27272a 50%, #3f3f46 100%);--card-bg: #262626;--card-muted: #1c1c1c}html,body{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-main);min-height:100vh;color:var(--text-primary)}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.hidden{display:none!important}.container{max-width:1200px;width:100%;padding:2rem}.language-switcher{position:fixed;top:12px;right:12px;z-index:4000;display:flex;align-items:center;gap:10px}.lang-buttons{display:flex;gap:4px;background:var(--surface-contrast);border:2px solid var(--accent-soft);border-radius:20px;padding:4px;box-shadow:0 4px 12px #14100c1a}.lang-btn-ui{padding:.5rem .9rem;background:transparent;border:none;border-radius:16px;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--accent-soft);transition:all .2s ease}.lang-btn-ui:hover:not(.active){background:#667eea1a}.lang-btn-ui.active{background:var(--accent-soft);color:#fff;cursor:default}.theme-toggle{margin-left:10px;padding:.6rem .9rem;border-radius:50%;border:2px solid var(--accent-soft);background:var(--surface-contrast);color:var(--accent-soft);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #14100c1a}.theme-toggle:hover{background:var(--accent-soft);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #3e2e7659}.language-switcher{position:fixed;top:20px;right:20px;z-index:1000}.lang-switch-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #667eea;border-radius:25px;cursor:pointer;font-weight:600;color:#667eea;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.lang-switch-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}#lang-icon{font-size:1.2rem}#lang-text{font-size:.9rem}body{display:flex;justify-content:center;padding:60px 20px 80px}.about-container{max-width:800px;width:100%;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-header{text-align:center;margin-bottom:40px}.about-header h1{color:#2c3e50;margin-bottom:10px}.about-section{margin-bottom:30px}.about-section h2{color:#3498db;margin-bottom:15px;font-size:1.5em}.about-section p{line-height:1.8;color:#555;margin-bottom:15px}.copyright-notice{background:#f8f9fa;border-left:4px solid #e74c3c;padding:20px;margin:30px 0;border-radius:4px}.copyright-notice h3{color:#e74c3c;margin-bottom:10px}.contact-form{background:#f8f9fa;padding:30px;border-radius:8px;margin-top:30px}.contact-form h2{color:#2c3e50;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.submit-btn{background:#3498db;color:#fff;padding:12px 30px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s}.submit-btn:hover{background:#2980b9}.submit-btn:disabled{background:#95a5a6;cursor:not-allowed}.form-message{margin-top:20px;padding:15px;border-radius:6px;display:none}.form-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.back-link{display:inline-block;margin-bottom:20px;color:#3498db;text-decoration:none;font-size:14px}.back-link:hover{text-decoration:underline}@media (max-width: 768px){body{padding:20px}.about-container{margin:20px auto;padding:20px}.about-header h1{font-size:1.8rem}.about-section h2{font-size:1.3rem}.about-section p{font-size:.95rem}.copyright-notice{padding:15px;font-size:.9rem}.copyright-notice ul{padding-left:20px}.contact-form{padding:20px}.form-group input,.form-group textarea{font-size:16px}}:root[data-theme=dark] body{background:var(--surface-warm)}:root[data-theme=dark] .about-container{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .about-header h1{color:var(--text-primary)}:root[data-theme=dark] .about-header p{color:var(--text-secondary)}:root[data-theme=dark] .about-section h2{color:var(--accent-soft)}:root[data-theme=dark] .about-section p{color:var(--text-primary)}:root[data-theme=dark] .copyright-notice{background:var(--surface-overlay);border-left-color:#e74c3c}:root[data-theme=dark] .copyright-notice h3{color:#ff6b6b}:root[data-theme=dark] .copyright-notice p,:root[data-theme=dark] .copyright-notice li{color:var(--text-primary)}:root[data-theme=dark] .contact-form{background:var(--surface-overlay)}:root[data-theme=dark] .contact-form h2{color:var(--text-primary)}:root[data-theme=dark] .contact-form p{color:var(--text-secondary)}:root[data-theme=dark] .form-group label{color:var(--text-primary)}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group textarea{background:var(--card-bg);border-color:var(--border-soft);color:var(--text-primary)}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group textarea:focus{border-color:var(--accent-soft);box-shadow:0 0 0 3px #9fa8ff33}:root[data-theme=dark] .submit-btn{background:var(--accent-soft)}:root[data-theme=dark] .submit-btn:hover{background:#8891e8}:root[data-theme=dark] .back-link{color:var(--accent-soft)}@media (max-width: 480px){body{padding:15px}.about-container{margin:10px;padding:15px}.about-header h1{font-size:1.5rem}.about-section h2{font-size:1.2rem}}