*{margin:0;padding:0;box-sizing:border-box;}:root{--bg-color:#ffffff;--text-color:#333333;--button-bg:#f0f0f0;--button-text:#333333;--button-border:#cccccc;--dark-bg:#1a1a1a;--dark-text:#ffffff;--dark-button-bg:#333333;--dark-button-text:#ffffff;--dark-button-border:#555555;--dark-nav-link-bg:#3a3a3a;--dark-nav-link-border:#999999;--dark-nav-link-text:#ffffff;}@media (prefers-color-scheme:dark){:root{--bg-color:var(--dark-bg);--text-color:var(--dark-text);--button-bg:var(--dark-button-bg);--button-text:var(--dark-button-text);--button-border:var(--dark-button-border);}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}.skip-links{position:absolute;left:50%;transform:translateX(-50%) translateY(-100%);background:#000;color:#fff;padding:8px 16px;z-index:100;clip-path:inset(100%) ;transition:transform 0.2s ease-in-out, clip-path 0.2s ease-in-out;}.skip-links:focus-visible{transform:translateX(-50%) translateY(0);outline:3px solid #4a90e2;outline-offset:2px;clip-path:inset(0);}[data-theme="light"]{--bg-color:#ffffff;--text-color:#333333;--button-bg:#f0f0f0;--button-text:#333333;--button-border:#cccccc;}[data-theme="dark"]{--bg-color:var(--dark-bg);--text-color:var(--dark-text);--button-bg:var(--dark-button-bg);--button-text:var(--dark-button-text);--button-border:var(--dark-button-border);}[data-theme="dark"] .nav-link,[data-theme="dark"] .nav-link:visited{background-color:var(--dark-nav-link-bg);border-color:var(--dark-nav-link-border);color:var(--dark-nav-link-text);}@media (prefers-color-scheme:dark){.nav-link,.nav-link:visited{background-color:var(--dark-nav-link-bg);border-color:var(--dark-nav-link-border);color:var(--dark-nav-link-text);}}body{background-color:var(--bg-color);color:var(--text-color);font-family:Arial, sans-serif;min-height:100vh;padding:20px;transition:background-color 0.3s ease, color 0.3s ease;}header{margin-bottom:20px;}nav{display:flex;justify-content:space-between;align-items:center;}#nav-theme ul,#nav-site ul{list-style:none;padding:0;margin:0;display:flex;gap:15px;}nav li{display:inline;}li{list-style:none;}h3{padding:10px;}a{text-decoration:none;}.theme-btn,.language-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);padding:10px 20px;cursor:pointer;border-radius:5px;font-size:14px;min-width:60px;transition:all 0.3s ease;}.theme-btn:empty,.language-btn:empty{opacity:0.7;}.theme-btn:hover,.language-btn:hover{opacity:0.8;transform:translateY(-1px);}.theme-btn:focus,.language-btn:focus{outline:2px solid #007acc;outline-offset:2px;}.nav-link{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--button-border);padding:10px 20px;border-radius:5px;font-size:14px;display:inline-block;transition:all 0.3s ease;text-decoration:none;}.nav-link:hover{opacity:0.8;transform:translateY(-1px);}.nav-link:focus{outline:2px solid #007acc;outline-offset:2px;}.section{max-width:800px;margin:0 auto;padding:40px 20px;}.section2{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;align-items:start;justify-items:stretch;max-width:1000px;margin:0 auto;padding:10px 20px;}.section2>h2{grid-column:1 / -1;margin-bottom:10px;text-align:center;}.section2>div{border:1px solid var(--button-border);border-radius:12px;padding:16px;background:var(--bg-color);box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);height:auto;text-align:left;overflow-wrap:anywhere;}.section2 h3{margin-bottom:8px;}.section2 ul{padding-left:0;}.section2 li+li{margin-top:6px;}.section h1{font-size:2.5rem;margin-bottom:10px;text-align:center;}.section h2{font-size:1.5rem;margin-bottom:30px;text-align:center;opacity:0.8;font-weight:normal;}.presentation-content{line-height:1.6;font-size:1.1rem;}.presentation-content p{margin-bottom:20px;text-align:left;}.presentation-content p:last-child{margin-bottom:0;}.project-card{display:flex;flex-direction:column;align-items:center;border:1px solid var(--button-border);border-radius:10px;padding:20px;max-width:800px;margin:0 auto;}.project-header{margin-bottom:10px;}.project-name{font-size:1.25rem;}.project-date{opacity:0.7;font-size:0.95rem;margin:0 0 16px;text-align:left;}.project-desc{line-height:1.6;margin:10px 0 16px;text-align:left;}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;}.project-tags li{border:1px solid var(--button-border);border-radius:999px;padding:4px 10px;font-size:0.9rem;}.project-actions{display:flex;gap:10px;flex-wrap:wrap;}footer{text-align:center;padding:20px;border-top:1px solid var(--button-border);}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}.contact-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:opacity 0.2s;}.contact-links a:hover{opacity:0.7;}@media (max-width:768px){body{padding:10px;}nav{flex-direction:column;gap:20px;}#nav-site li{display:block;}#nav-theme ul{justify-content:center;gap:10px;}#nav-site{width:100%;}#nav-site ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;width:100%;}.theme-btn,.language-btn{padding:8px 16px;font-size:12px;min-width:50px;width:100%;}.nav-link{padding:8px 16px;font-size:12px;min-width:180px;text-align:center;display:block;}.section{padding:20px 15px;}.section h1{font-size:2rem;}.section h2{font-size:1.3rem;}.section2{grid-template-columns:1fr;padding:0 10px;}.section2>h2{margin-bottom:6px;}.presentation-content{font-size:1rem;}}@media (min-width: 769px) and (max-width:900px){nav{flex-direction:column;}.nav-link{min-width:180px ;text-align:center;}#nav-site ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:15px;}}