*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:1.5;color:#333}body{background-color:#f5f5f5;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.header{background-color:#3765ff;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{display:flex;align-items:center;height:64px;padding:0 16px}.header-title{font-size:1.25rem;font-weight:500}.header-spacer{flex-grow:1}.nav-links{display:flex;gap:8px}.lang-switch,.nav-link{color:#fff;padding:8px 16px;border-radius:4px}.nav-link{text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:rgba(255,255,255,.1)}.nav-link.active{background-color:rgba(255,255,255,.2);font-weight:500}.lang-switch{background:0 0;border:0;cursor:pointer;font-size:1rem}.lang-switch:hover{background-color:rgba(255,255,255,.1)}.main{padding-top:80px;padding-bottom:40px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:24px;margin-bottom:24px}.card-title{font-size:1.5rem;font-weight:500;margin-bottom:16px;color:#333}.card-text{font-size:1rem;line-height:1.6;color:#555}.avatar-container{display:flex;justify-content:center;margin-bottom:24px}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #f0f0f0}.expansion-panels{margin:20px 0}.expansion-panel{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;overflow:hidden}.expansion-panel-header{background-color:#f9f9f9;padding:16px;width:100%;text-align:left;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500}.expansion-panel-header:hover{background-color:#f0f0f0}.expansion-panel-content{padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;display:none}.expansion-panel.active .expansion-panel-content{display:block}.expansion-panel-icon{transition:transform .3s}.expansion-panel.active .expansion-panel-icon{transform:rotate(180deg)}.blog-link{display:inline-block;color:#3765ff;text-decoration:none;font-size:1.25rem;font-weight:700;padding:12px 24px;border:2px solid #3765ff;border-radius:4px;transition:all .2s}.blog-link:hover{background-color:#3765ff;color:#fff}.friendly-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.friendly-link-card{display:block;text-decoration:none;color:#333;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;transition:all .2s}.friendly-link-card:hover{border-color:#3765ff;box-shadow:0 4px 8px rgba(55,101,255,.1);transform:translateY(-2px)}.friendly-link-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px;background-color:#f0f0f0}.friendly-link-name{font-size:1.1rem;font-weight:500;color:#3765ff}.timeline{position:relative;padding-left:30px}.timeline::before{content:"";left:0;bottom:0;width:2px}.timeline-item{position:relative;margin-bottom:32px}.timeline-dot,.timeline::before{position:absolute;top:0;background-color:#3765ff}.timeline-dot{left:-36px;width:16px;height:16px;border-radius:50%;border:3px solid #fff}.timeline-content{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.timeline-title{font-size:1.25rem;font-weight:500;margin-bottom:4px}.timeline-subtitle{font-size:1rem;color:#666;margin-bottom:8px}.timeline-date{font-size:.9rem;color:#888;font-weight:500}.contact-list{list-style:none}.contact-item{padding:16px 0;border-bottom:1px solid #eee;font-size:1.1rem}.contact-item:last-child,.device-list li:last-child{border-bottom:none}@media (max-width:768px){.header-content{flex-wrap:wrap;height:auto;padding:8px 16px}.nav-links{order:3;width:100%;justify-content:center;margin-top:8px}.main{padding-top:120px}.friendly-links{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.friendly-links{grid-template-columns:1fr}.card{padding:16px}}.game-item{margin-bottom:24px}.game-item:last-child{margin-bottom:0}.game-item h3{font-size:1.2rem;font-weight:500;margin-bottom:8px;color:#333}.game-item p{font-size:1rem;line-height:1.6;color:#555;margin-bottom:0}.device-list,.project-list{list-style-type:none;padding-left:0}.device-list li{padding:8px 0;border-bottom:1px solid #eee;font-size:1.1rem}.project-list li{padding:24px;margin-bottom:16px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px rgba(0,0,0,.06)}.project-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d0d0d0}.project-list a{color:#2c3e50;text-decoration:none;font-size:1.25rem;font-weight:600;display:block;margin-bottom:12px;line-height:1.3;transition:color .2s ease}.project-list a:hover{color:#3765ff}.project-list a::after{content:"↗";font-size:.9rem;opacity:.7;margin-left:6px;transition:all .2s ease;display:inline-block}.project-list a:hover::after{opacity:1;transform:translateX(2px)}.project-description{color:#5a6c7d;font-size:.95rem;line-height:1.6;margin:0}.project-list li:last-child{margin-bottom:0}@media (max-width:768px){.project-list li{padding:20px}.project-list a{font-size:1.1rem}.project-description{font-size:.9rem}}@media (max-width:480px){.project-list li{padding:16px;margin-bottom:12px}.project-list a{font-size:1rem}.project-description{font-size:.85rem}}