*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--apple-bg);color:var(--apple-text);line-height:1.5;font-weight:400;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.section{padding:56px 16px;display:flex;justify-content:center;width:100%}@media (min-width: 768px){.section{padding:72px 24px}}@media (min-width: 1024px){.section{padding:96px 32px}}.section-content{width:100%;max-width:900px;margin:0 auto}.text-center{text-align:center}.section-title{font-size:clamp(28px,6vw,40px);font-weight:700;margin-bottom:24px;letter-spacing:-.02em;color:var(--apple-text)}.section-desc{font-size:clamp(16px,4vw,21px);line-height:1.55;color:var(--apple-text-muted);max-width:640px;margin:0 auto}a,button{min-height:var(--min-touch-target);display:inline-flex;align-items:center}a:focus-visible,button:focus-visible{outline:2px solid var(--apple-blue);outline-offset:4px;border-radius:4px}:root{--apple-bg: #f5f5f7;--apple-text: #1d1d1f;--apple-text-muted: #86868b;--apple-blue: #0066cc;--apple-blue-hover: #0077ed;--apple-card-bg: #ffffff;--apple-border: rgba(0, 0, 0, .08);--apple-shadow-sm: 0 4px 12px rgba(0, 0, 0, .04);--apple-shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--apple-shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--golden-apple-gold: #ffd700;--min-touch-target: 44px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .2s cubic-bezier(.25, 1, .5, 1);--transition-normal: .3s cubic-bezier(.25, 1, .5, 1);--transition-slow: .5s cubic-bezier(.25, 1, .5, 1)}@media (prefers-color-scheme: dark){:root{--apple-bg-dark: #000000;--apple-card-dark: #1c1c1e}}.apple-nav{position:fixed;top:0;left:0;width:100%;height:48px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--apple-border);z-index:9999;display:flex;justify-content:center;align-items:center;padding:0 16px;transition:background-color var(--transition-fast)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px}.logo{font-size:15px;font-weight:600;color:var(--apple-text);display:flex;align-items:center;text-decoration:none;min-height:var(--min-touch-target)}.golden-apple{color:var(--golden-apple-gold);margin-right:6px;font-size:18px;text-shadow:0 1px 1px rgba(0,0,0,.1),1px 1px 2px rgba(218,165,32,.4);display:inline-block;transition:transform var(--transition-fast)}.logo:hover .golden-apple{transform:scale(1.15) rotate(-5deg)}.nav-links{display:flex;gap:16px;list-style:none}.nav-link{font-size:13px;color:var(--apple-text-muted);text-decoration:none;padding:8px 12px;border-radius:8px;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--apple-text);background-color:#0000000a}.hero-section{padding:100px 16px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--apple-bg);width:100%}@media (min-width: 768px){.hero-section{padding:120px 24px 60px}}.hero-text{max-width:700px;margin:0 auto}.headline{font-size:clamp(36px,8vw,56px);font-weight:700;letter-spacing:-.01em;margin-bottom:8px;color:var(--apple-text);line-height:1.1}.sub-headline{font-size:clamp(18px,4vw,24px);font-weight:400;color:var(--apple-text-muted);margin-bottom:32px;letter-spacing:-.01em}.avatar-wrapper{position:relative;display:inline-block;margin-top:12px}.avatar{width:clamp(140px,35vw,180px);height:clamp(140px,35vw,180px);border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:var(--apple-shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);-webkit-user-select:none;user-select:none}.avatar:hover,.avatar:active{transform:scale(1.04);box-shadow:var(--apple-shadow-lg)}.about-section{background-color:var(--apple-card-bg);border-top:1px solid var(--apple-border);border-bottom:1px solid var(--apple-border)}.skills-section{background-color:var(--apple-bg)}.skills-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}@media (min-width: 768px){.skills-container{gap:24px}}.skill-item{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background-color:transparent;transition:all var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent}.skill-item:hover,.skill-item:active{background-color:var(--apple-card-bg);transform:translateY(-3px) scale(1.01);box-shadow:var(--apple-shadow-md)}.skill-info{display:flex;justify-content:space-between;font-size:clamp(15px,3.5vw,17px);font-weight:500;transition:color var(--transition-fast)}.skill-name{color:var(--apple-text);font-weight:600}.skill-percent{color:var(--apple-text-muted)}.skill-item:hover .skill-name{color:var(--apple-blue)}.progress-bg{width:100%;height:12px;background-color:#e5e5ea;border-radius:10px;overflow:hidden;transition:background-color var(--transition-fast)}.progress-fill{height:100%;background-color:var(--apple-text);border-radius:10px;transition:width 1.2s cubic-bezier(.25,1,.5,1),background-color var(--transition-fast)}.skill-item:hover .progress-fill{background-color:var(--apple-blue)}.skill-item:hover .progress-bg{background-color:#d2d2d7}.projects-section{background-color:var(--apple-bg)}.projects-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.project-card{background-color:var(--apple-card-bg);border-radius:20px;padding:28px 24px;text-align:center;box-shadow:var(--apple-shadow-sm);border:1px solid var(--apple-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:220px}@media (min-width: 768px){.project-card{border-radius:24px;padding:36px 28px;min-height:250px}}.project-card:hover{transform:translateY(-5px);box-shadow:var(--apple-shadow-md);border-color:#06c3}.project-name{font-size:clamp(20px,4vw,24px);font-weight:600;margin-bottom:10px;color:var(--apple-text)}.project-desc{font-size:clamp(14px,3.5vw,16px);color:var(--apple-text-muted);margin-bottom:20px;line-height:1.5}.apple-link{color:var(--apple-blue);text-decoration:none;font-size:16px;font-weight:500;display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;background-color:#0066cc0d;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);min-height:var(--min-touch-target)}.apple-link:hover{color:var(--apple-blue-hover);background-color:#0066cc1f;transform:translate(2px)}.apple-link span{margin-left:4px;font-size:18px;transition:transform var(--transition-fast)}.apple-link:hover span{transform:translate(3px)}.apple-footer{background-color:var(--apple-card-bg);padding:40px 16px 32px;font-size:13px;color:var(--apple-text-muted);border-top:1px solid var(--apple-border)}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.footer-links p{margin-bottom:10px;word-break:break-word}.footer-links a{color:var(--apple-blue);text-decoration:none;font-weight:500;transition:color var(--transition-fast),text-decoration var(--transition-fast);padding:4px 0;display:inline-block;min-height:var(--min-touch-target);line-height:var(--min-touch-target)}.footer-links a:hover{color:var(--apple-blue-hover);text-decoration:underline}.footer-copyright{border-top:1px solid var(--apple-border);padding-top:20px;font-size:12px;color:var(--apple-text-muted)}