:root{--primary-color: #6a11cb;--primary-color-rgb: 106, 17, 203;--secondary-color: #2575fc;--secondary-color-rgb: 37, 117, 252;--accent-color: #ff5e78;--accent-color-light: #ffe0e6;--text-color-base: #2c3e50;--text-color-light: #f0f4f8;--text-color-muted: #7f8c9a;--bg-color-page: #f0f4f8;--bg-color-card: #ffffff;--bg-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--border-color: #dbe2ec;--card-shadow-base: 0 5px 15px rgba(0, 0, 0, 0.08);--card-shadow-hover: 0 10px 30px rgba(var(--secondary-color-rgb), 0.25);--element-shadow: 0 3px 8px rgba(0,0,0,0.1);--border-radius-xl: 24px;--border-radius-base: 16px;--border-radius-small: 8px;--border-radius-round: 50%;--font-family-base: 'Poppins', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;--font-family-heading: 'Montserrat', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;--transition-fast: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);--transition-base: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);--transition-slow: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)}body{font-family:var(--font-family-base);color:var(--text-color-base);background-color:var(--bg-color-page);line-height:1.75;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.profile-page{max-width:920px;margin:50px auto;padding:30px 20px;display:flex;flex-direction:column;gap:50px}.card{background:var(--bg-color-card);border-radius:var(--border-radius-base);box-shadow:var(--card-shadow-base);padding:35px 35px;transition:var(--transition-base);border:1px solid transparent;position:relative;overflow:hidden}.card h2{font-family:var(--font-family-heading);font-size:2em;font-weight:800;color:var(--text-color-base);margin-top:0;margin-bottom:30px;display:flex;align-items:center;gap:15px;padding-bottom:15px;position:relative;letter-spacing:-0.5px}.card h2::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:4px;background:var(--accent-color);border-radius:2px;transition:var(--transition-base)}.card h2 .fa-solid,.card h2 .fas{font-size:0.9em;color:var(--primary-color);transition:var(--transition-base);animation:iconPulse 2s infinite ease-in-out}.card:hover h2 .fa-solid,.card:hover h2 .fas{transform:rotateY(360deg) scale(1.2);color:var(--accent-color)}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.profile-header-main{display:flex;align-items:center;gap:40px}.profile-image-block{display:flex;flex-direction:column;align-items:center;min-width:180px;position:relative}.profile-image{width:160px;height:160px;border-radius:var(--border-radius-round);border:6px solid var(--bg-color-card);box-shadow:0 0 0 5px var(--primary-color),var(--element-shadow);margin-bottom:20px;object-fit:cover;transition:var(--transition-slow);position:relative;z-index:1}.profile-image:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 0 8px var(--accent-color),0 10px 25px rgba(var(--accent-color-rgb), 0.4)}.profile-name{font-family:var(--font-family-heading);font-size:1.8em;font-weight:700;color:var(--primary-color);text-align:center;margin-top:10px;letter-spacing:0.5px;background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:5px 0}.profile-intro{font-size:1.1em;color:var(--text-color-base);flex-grow:1}.profile-intro p{margin-bottom:1.2em;transition:var(--transition-fast)}.profile-intro p:hover{color:var(--primary-color)}.highlight{background:rgba(var(--primary-color-rgb), 0.85);color:var(--text-color-light);padding:6px 12px;border-radius:var(--border-radius-small);font-weight:bold;box-shadow:0 2px 5px rgba(var(--accent-color-rgb), 0.2);transition:var(--transition-base);display:inline-block;margin-right:5px}.highlight:hover{transform:scale(1.05) rotate(-2deg);background:var(--accent-color);color:var(--text-color-light);box-shadow:0 4px 10px rgba(var(--accent-color-rgb), 0.3)}.skills-list{list-style:none;padding:0;margin:0}.skills-list li{margin-bottom:15px;font-size:1.1em;padding-left:30px;position:relative;transition:var(--transition-fast);cursor:default}.skills-list li::before{content:"\f135";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--secondary-color);position:absolute;left:0;top:0px;font-size:1.2em;transition:var(--transition-base)}.skills-list li:hover::before{transform:translateX(5px) rotate(15deg) scale(1.2);color:var(--accent-color)}.skills-list li:hover{color:var(--primary-color);transform:translateX(3px)}.skills-list span{color:var(--text-color-base);font-weight:600;margin-right:8px;transition:var(--transition-fast)}.skills-list li:hover span{color:var(--primary-color)}.other-apps .app-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}.other-apps .app-link{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px;background:linear-gradient(145deg, var(--bg-color-card) 0%, #e8eff7 100%);border:1px solid transparent;border-radius:var(--border-radius-xl);text-decoration:none;transition:var(--transition-base);box-shadow:var(--card-shadow-base);position:relative;overflow:visible}.other-apps .app-link:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 35px rgba(var(--primary-color-rgb), 0.2);border-color:var(--secondary-color)}.other-apps .app-link i{font-size:2.8rem;color:var(--text-color-light);background:var(--bg-gradient);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-round);margin-bottom:20px;box-shadow:0 5px 15px rgba(var(--primary-color-rgb), 0.3);transition:var(--transition-base);transform:translateY(-40px);border:4px solid var(--bg-color-card)}.other-apps .app-link:hover i{transform:translateY(-45px) scale(1.15) rotate(10deg);box-shadow:0 8px 20px rgba(var(--primary-color-rgb), 0.4)}.other-apps .app-link span{font-family:var(--font-family-heading);font-weight:700;font-size:1.3rem;color:var(--primary-color);margin-bottom:8px;display:block}.other-apps .app-link small{font-size:0.95rem;color:var(--text-color-muted);line-height:1.6}.contact-link{display:inline-block;background:rgba(var(--primary-color-rgb), 0.85);color:var(--text-color-light);font-weight:normal;text-decoration:none;padding:5px 10px;border-radius:6px;box-shadow:none;transition:background-color 0.3s ease;position:relative;overflow:visible;transform:none;margin-right:5px}.contact-link::before{content:none}.contact-link:hover{background:var(--primary-color);color:var(--text-color-light) !important}.contact-link:active{background:rgba(var(--primary-color-rgb), 0.85);transform:none;box-shadow:none}@media (max-width: 992px){.profile-page{gap:40px}.card h2{font-size:1.8em}.other-apps .app-link i{width:70px;height:70px;font-size:2.5rem;transform:translateY(-35px)}.other-apps .app-link:hover i{transform:translateY(-40px) scale(1.15) rotate(10deg)}}@media (max-width: 768px){.profile-page{margin:30px auto;padding:20px 15px;gap:30px}.card{padding:25px}.card h2{font-size:1.6em;margin-bottom:25px;gap:12px}.profile-header-main{flex-direction:column;gap:30px;align-items:center}.profile-image-block{min-width:auto}.profile-image{width:140px;height:140px}.profile-name{font-size:1.6em}.profile-intro{text-align:center}.other-apps .app-links{grid-template-columns:1fr;gap:40px}.other-apps .app-link{padding-top:50px}}@media (max-width: 480px){.profile-page{padding:15px 10px;gap:25px}.card{padding:20px;border-radius:var(--border-radius-small)}.card h2{font-size:1.4em}.card h2 .fa-solid,.card h2 .fas{animation:none}.profile-image{width:120px;height:120px;border-width:4px;box-shadow:0 0 0 4px var(--primary-color), var(--element-shadow)}.profile-name{font-size:1.4em}.highlight{padding:5px 10px}.skills-list li{font-size:1em;padding-left:25px}.skills-list li::before{font-size:1em}.other-apps .app-links{gap:30px}.other-apps .app-link{padding-top:40px}.other-apps .app-link i{width:60px;height:60px;font-size:2rem;transform:translateY(-30px)}.other-apps .app-link:hover i{transform:translateY(-35px) scale(1.15) rotate(10deg)}.other-apps .app-link span{font-size:1.1rem}.contact-link{padding:10px 20px;font-size:0.95em}}