.App{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,#a8c0ff,#fad0c4);display:flex;flex-direction:column;min-height:100vh;padding:10px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{animation:slideUp .5s ease-out .1s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:15px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;flex:1 1;margin:0 auto 10px;max-width:95vw;overflow:hidden;padding:30px;position:relative;width:100%}.container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(15px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px;position:relative}.header-left{flex:1 1}.header-nav,.header-right{align-items:center;display:flex}.header-nav{gap:12px}.nav-btn{background:linear-gradient(135deg,#a8c0ffcc,#fad0c4cc);border:none;border-radius:20px;box-shadow:0 4px 12px #a8c0ff4d,0 0 0 1px #ffffff1a;color:#333;cursor:pointer;font-size:.9em;font-weight:500;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{box-shadow:0 8px 25px #a8c0ff66,0 0 0 1px #fff3;transform:translateY(-2px) scale(1.02)}.header h1{animation:titleGlow 2s ease-in-out infinite alternate;color:#333;flex:1 1;font-size:2.2em;font-weight:600;letter-spacing:-.5px;margin:0;text-align:center}@keyframes titleGlow{0%{text-shadow:0 0 20px #a8c0ff4d}to{text-shadow:0 0 30px #a8c0ff80}}h1{color:#333;font-size:2.5em;margin-bottom:10px}.description{color:#666;font-size:1.1em;margin-bottom:30px}.form{margin:0 auto 30px;max-width:800px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-1px)}.loading-templates{color:#666;font-style:italic;padding:20px;text-align:center}.template-selector{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:10px;max-width:100%}.template-option{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9facc;border:2px solid #e1e5e9;border-radius:16px;cursor:pointer;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.template-option:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.template-option:hover:before{opacity:1}.template-option:hover{background:#f0f4ffe6;border-color:#667eea;box-shadow:0 8px 25px #667eea26,0 0 0 1px #667eea1a;transform:translateY(-3px) scale(1.02)}.template-option.selected{background:#e8f2fff2;border-color:#667eea;box-shadow:0 8px 25px #667eea33,0 0 0 1px #667eea33;transform:translateY(-2px)}.template-icon{font-size:2em;margin-right:15px;margin-top:5px}.template-info{flex:1 1;text-align:left}.template-name{color:#333;font-size:1.1em;font-weight:600;margin-bottom:5px}.template-description{color:#666;font-size:.9em;line-height:1.4;margin-bottom:10px}.template-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:#667eea;border-radius:12px;color:#fff;font-size:.8em;font-weight:500;padding:2px 8px}.template-details{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px;text-align:left}.template-details h4{color:#333;font-size:1.2em;margin-bottom:15px;margin-top:0}.template-features{margin-bottom:20px}.template-features strong{color:#333;display:block;margin-bottom:8px}.template-features ul{color:#666;margin:0;padding-left:20px}.template-features li{margin-bottom:5px}.template-dependencies strong{color:#333;display:block;margin-bottom:8px}.dependency-tags{display:flex;flex-wrap:wrap;gap:8px}.dependency-tag{background:#28a745;border-radius:15px;color:#fff;font-family:Courier New,monospace;font-size:.85em;font-weight:500;padding:4px 10px}.button-group{display:flex;gap:15px;justify-content:center;margin-top:20px}.preview-btn,.submit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:16px;font-weight:500;min-width:140px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-btn:before,.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.preview-btn:hover:before,.submit-btn:hover:before{left:100%}.preview-btn{background:#28a745;color:#fff}.preview-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn{background:#667eea;color:#fff}.submit-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.preview-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error{border:1px solid #f5c6cb;border-radius:8px;margin:20px 0;padding:15px}.error,.form-group .error{background:#f8d7da;color:#721c24}.form-group .error{border:1px solid #f5c6cb;border-radius:6px;font-size:.9em;line-height:1.4;margin:8px 0 0;padding:8px 12px;white-space:pre-line}.form-group input.error-input{background-color:#fff5f5;border-color:#dc3545}.form-group input.error-input:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.preview-section{margin:30px 0;text-align:left}.preview-section h2{color:#333;margin-bottom:20px;text-align:center}.preview-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-height:600px}.file-content,.file-tree{background:#f8f9fa;border-radius:8px;overflow:hidden;padding:20px}.file-content h3,.file-tree h3{color:#333;font-size:1.2em;margin-bottom:15px;margin-top:0}.tree-container{background:#fff;border:1px solid #e1e5e9;border-radius:6px;max-height:400px;overflow-y:auto;padding:10px}.tree-node{position:relative}.file-node{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;line-height:1.4;margin:2px 0;padding:8px 12px;transition:all .2s ease}.file-node:hover{background-color:#f8f9fa;transform:translateX(2px)}.file-node.directory{color:#495057;font-weight:600}.file-node.directory:hover{background-color:#e3f2fd;color:#1976d2}.file-node.file{color:#6c757d}.file-node.file:hover{background-color:#e8f5e8;color:#2e7d32}.expand-icon{color:#6c757d;cursor:pointer;display:inline-block;font-size:12px;height:16px;margin-right:8px;transition:color .2s ease;-webkit-user-select:none;user-select:none;width:16px}.expand-icon:hover{color:#495057}.file-node .icon{font-size:1.1em;margin-right:8px;text-align:center;width:20px}.file-node .name{cursor:pointer;flex:1 1;transition:color .2s ease}.file-node .size{color:#6c757d;font-family:Courier New,monospace;font-size:.85em;margin-left:8px}.file-node.file-java{color:#f0932b}.file-node.file-java:hover{background-color:#fff3e0;color:#e65100}.file-node.file-xml{color:#6c5ce7}.file-node.file-xml:hover{background-color:#f3e5f5;color:#4a148c}.file-node.file-config{color:#00b894}.file-node.file-config:hover{background-color:#e8f5e8;color:#2e7d32}.file-node.file-doc{color:#0984e3}.file-node.file-doc:hover{background-color:#e3f2fd;color:#1976d2}.file-node.file-text{color:#636e72}.file-node.file-text:hover{background-color:#f5f5f5;color:#424242}.file-node.file-data{color:#fd79a8}.file-node.file-data:hover{background-color:#fce4ec;color:#c2185b}.file-node.file-script{color:#fdcb6e}.file-node.file-script:hover{background-color:#fff8e1;color:#f57f17}.file-node.file-style{color:#e17055}.file-node.file-style:hover{background-color:#ffebee;color:#c62828}.file-node.file-web{color:#00cec9}.file-node.file-web:hover{background-color:#e0f2f1;color:#00695c}.file-node.file-db{color:#a29bfe}.file-node.file-db:hover{background-color:#f3e5f5;color:#4a148c}.file-node.file-build{color:#74b9ff}.file-node.file-build:hover{background-color:#e3f2fd;color:#1976d2}.file-node.file-git{color:#fd79a8}.file-node.file-git:hover{background-color:#fce4ec;color:#c2185b}.file-node.file-default{color:#6c757d}.file-node.file-default:hover{background-color:#f8f9fa;color:#495057}.children{margin-left:0}.code-block{background:#23272e;border-radius:8px;color:#fff;font-family:Fira Mono,Menlo,Consolas,"monospace";font-size:inherit;line-height:1.7;margin:0;overflow-x:auto;padding:18px;transition:font-size .2s}.code-container .code-block{max-height:500px;min-height:300px;overflow-y:auto}.logs-section{margin-top:30px;text-align:left}.logs-section h3{color:#333;margin-bottom:15px;text-align:center}.logs-container{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;max-height:300px;overflow-y:auto;padding:20px}.log-entry{border-radius:4px;display:flex;font-family:Courier New,monospace;font-size:14px;margin-bottom:8px;padding:8px 12px}.log-entry.log-info{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.log-entry.log-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.log-entry.log-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.log-entry .timestamp{font-weight:600;margin-right:10px;min-width:80px}.log-entry .message{flex:1 1}.no-logs{color:#6c757d;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.App{padding:5px}.preview-container{grid-template-columns:1fr}.button-group{flex-direction:column}.container{margin-bottom:5px;padding:15px}h1{font-size:2em}.file-node{font-size:13px;padding:6px 8px}.expand-icon{font-size:10px;height:14px;width:14px}.template-selector{gap:15px;grid-template-columns:1fr}.template-option{padding:12px}.template-icon{font-size:1.5em;margin-right:12px}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:0;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#a8c0ffe6,#fad0c4e6);border-bottom:2px solid #f0f0f0;border-radius:15px 15px 0 0;color:#333;display:flex;justify-content:space-between;padding:15px 25px}.modal-header h2{font-size:1.8em;margin:0}.soda-modal-title{color:#333;font-size:1.4em!important;font-weight:600;margin:0}.modal-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:8px 12px;transition:background .3s ease}.modal-close:hover{background:#ffffff4d}.modal-body{padding:30px;text-align:left}.modal-body h3{border-bottom:2px solid #667eea;color:#333;font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.escoda-intro{margin-bottom:30px}.escoda-intro p{color:#666;line-height:1.6;margin-bottom:15px}.component-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px;margin-top:1.5rem}.component-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 24px #667eea14;color:#222;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.component-item:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.component-item:hover{border-color:#ffffff40;box-shadow:0 12px 40px #667eea2e;transform:translateY(-4px) scale(1.02)}.component-item:hover:before{opacity:1}.component-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.component-letter{align-items:center;background:linear-gradient(135deg,#a8c0ffcc,#fad0c4cc);border-radius:8px;box-shadow:0 4px 12px #a8c0ff4d;color:#333;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.component-item p{color:#222222d9;font-size:15px;line-height:1.6;margin:0}.advantages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.advantage-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;display:flex;padding:20px}.advantage-icon{font-size:2em;margin-right:15px;margin-top:5px}.advantage-item strong{color:#333;display:block;font-size:1.1em;margin-bottom:8px}.advantage-item p{color:#666;line-height:1.5;margin:0}.architecture-layers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.layer{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;padding:20px}.layer h4{color:#667eea;font-size:1.2em;margin-bottom:15px;margin-top:0}.layer p{color:#666;line-height:1.5;margin-bottom:15px}.layer ul{color:#666;margin:0;padding-left:20px}.layer li{line-height:1.4;margin-bottom:8px}.comparison-table{margin-bottom:30px;overflow-x:auto}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%}.comparison-table th{background:#667eea;color:#fff;font-weight:600;padding:15px;text-align:left}.comparison-table td{border-bottom:1px solid #e1e5e9;color:#333;padding:12px 15px}.comparison-table tr:hover{background:#f8f9fa}.usage-tips{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;padding:20px}.tip strong{color:#333;display:block;font-size:1.1em;margin-bottom:15px}.tip ul{color:#666;margin:0;padding-left:20px}.tip li{line-height:1.4;margin-bottom:8px}@media (max-width:768px){.header{flex-direction:column;gap:15px;text-align:center}.header-left{order:1}.header-right{order:2}.header-nav{flex-wrap:wrap;gap:8px;justify-content:center}.nav-btn{font-size:.8em;padding:8px 12px}.modal-content{margin:10px;max-height:95vh}.modal-header{padding:12px 18px}.modal-header h2{font-size:1.5em}.soda-modal-title{font-size:1.2em!important}.modal-body{padding:20px}.advantages-grid,.architecture-layers,.component-grid,.usage-tips{grid-template-columns:1fr}.comparison-table{font-size:.9em}.comparison-table td,.comparison-table th{padding:10px}}.code-toolbar{align-items:center;display:flex;gap:8px;margin-bottom:8px}.code-toolbar button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea14;color:#fff;cursor:pointer;font-size:1em;padding:4px 12px;transition:background .2s,transform .2s}.code-toolbar button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.05)}.code-container{display:block;position:relative;width:100%}.fullscreen-btn{background:#667eeae6;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:16px;opacity:.8;padding:6px 10px;position:absolute;right:12px;top:12px;transition:all .2s;z-index:10}.fullscreen-btn:hover{background:#667eea;box-shadow:0 4px 12px #0000004d;opacity:1;transform:scale(1.1)}.code-fullscreen-overlay{animation:fadeIn .2s ease-out;background:#1e2236f5;bottom:0;cursor:pointer;display:block;left:0;overflow:auto;overscroll-behavior:none;padding:40px 0;position:fixed;right:0;top:0;z-index:9999}.code-fullscreen-content{background:#ffffff0a;border-radius:16px;box-shadow:0 8px 40px #667eea2e;box-sizing:border-box;margin:0 auto;max-width:95vw;min-width:400px;width:1200px}.fullscreen-toolbar{display:flex;flex-shrink:0;gap:6px;margin-bottom:8px}.fullscreen-toolbar button{font-size:14px;padding:4px 8px}.fullscreen-block{word-wrap:break-word;background:#1e2236fa;border-radius:10px;box-shadow:0 2px 12px #667eea1f;color:#fff;font-size:inherit;overscroll-behavior:contain;padding:16px;white-space:pre-wrap;width:100%}.code-modal-overlay{align-items:center;background:#1e2236f5;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.code-modal{background:#282c34fa;border-radius:16px;box-shadow:0 8px 40px #667eea2e;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;position:relative;width:900px}.code-modal-header{color:#fff;font-size:1.1em;font-weight:700;padding:12px 24px 0}.code-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.8em;position:absolute;right:20px;top:12px;z-index:10}.code-modal-content{background:#23272e;border-radius:10px;flex:1 1;overflow:auto;padding:24px}.code-modal-content pre{background:none;color:#f8f8f2;font-family:Fira Mono,Menlo,Consolas,"monospace";font-size:1.08em;margin:0;padding:0;white-space:pre-wrap;word-break:break-all}.version-selector{display:flex;gap:16px;margin-top:8px}.version-option{background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;flex:1 1;padding:20px;transition:all .3s ease}.version-option:hover{border-color:#4a90e2;box-shadow:0 4px 12px #4a90e226}.version-option.selected{background:#f8fbff;border-color:#4a90e2;box-shadow:0 4px 12px #4a90e233}.version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.version-number{color:#2c3e50;font-size:18px;font-weight:600}.version-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.version-badge.recommended{background:#e8f5e8;color:#27ae60}.version-badge.legacy{background:#fff3cd;color:#856404}.version-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.feature{background:#f1f3f4;border-radius:4px;color:#5f6368;font-size:12px;padding:4px 8px}.version-note{color:#6c757d;font-size:14px;line-height:1.4}.form-group-inline{align-items:flex-start;background:#fafbfc;border:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:row;gap:24px;margin-bottom:20px;padding:16px}.form-group-inline label{color:#2c3e50;font-weight:600;margin:0;min-width:120px;padding-top:4px;white-space:nowrap}.radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:0}.radio-group.horizontal{flex-direction:row}.radio-group.vertical{flex-direction:column}.radio-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-right:16px;min-width:200px;padding:12px 16px;position:relative;transition:all .2s ease}.radio-option:hover{background:#f8f9fa}.radio-option input[type=radio]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin:0 8px 0 0;transform:translateY(-1px);vertical-align:middle;width:20px}.radio-label{display:inline-block;line-height:1.2;vertical-align:middle}.radio-option input[type=radio]:checked+.radio-label{color:#667eea;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#f0f4ff;border:1px solid #0000}.radio-label{color:#2c3e50;flex:1 1;font-size:16px;font-weight:500;margin-right:6px;min-width:60px;transition:all .2s ease}.radio-badge{border-radius:6px;flex-shrink:0;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px}.radio-badge.recommended{background:#e8f5e8;color:#27ae60}.radio-badge.international{background:#e3f2fd;color:#1976d2}.radio-badge.legacy{background:#fff3cd;color:#856404}@media (max-width:768px){.version-selector{flex-direction:column;gap:12px}.version-option{padding:16px}.version-features{flex-direction:column;gap:4px}.form-group-inline{align-items:flex-start;flex-direction:column;gap:16px;padding:12px}.form-group-inline label{min-width:auto;padding-top:0}.radio-group{gap:12px}.radio-group,.radio-group.horizontal{flex-direction:column}}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin:auto 10px 0;padding:15px 0}.footer-content{gap:15px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content,.footer-links{align-items:center;display:flex;flex-wrap:wrap}.footer-links{gap:12px}.footer-links a{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;font-size:14px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.footer-links a:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.footer-links a[href*=github]{background:linear-gradient(135deg,#58a6ff33,#9333ea33);border:1px solid #58a6ff4d;overflow:hidden;position:relative}.footer-links a[href*=github]:hover{background:linear-gradient(135deg,#58a6ff4d,#9333ea4d);border-color:#58a6ff80;box-shadow:0 4px 20px #58a6ff4d}.footer-links a[href*=github]:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.footer-links a[href*=github]:hover:before{left:100%}.footer-copyright p{color:#ffffffb3;font-size:13px;font-weight:300;margin:0}@media (max-width:768px){.footer-content{flex-direction:column;gap:12px;text-align:center}.footer-links a{font-size:13px;padding:6px 12px}.footer-copyright p{font-size:12px}}
/*# sourceMappingURL=main.3156c31d.css.map*/