:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--text-primary: #1a1a1a;--text-secondary: #4a5568;--accent-color: #1a365d;--accent-hover: #2c5282;--border-color: #e8e8e8;--shadow-color: rgba(0, 0, 0, .05);--shadow-hover: rgba(0, 0, 0, .1);--card-bg: #ffffff;--transition-speed: .3s}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #f7f7f7;--text-secondary: #b3b3b3;--accent-color: #4299e1;--accent-hover: #63b3ed;--border-color: #2d2d2d;--shadow-color: rgba(0, 0, 0, .2);--shadow-hover: rgba(0, 0, 0, .4);--card-bg: #1e1e1e}*{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.app{width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}main{max-width:1200px;margin:0 auto;padding:20px}section{margin-bottom:60px;padding:30px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);border:1px solid var(--border-color);transition:all var(--transition-speed) ease}section:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-hover)}h1,h2,h3{color:var(--accent-color);margin-bottom:20px;transition:all var(--transition-speed) ease}h1{font-size:2.5rem}h1:hover{transform:translateY(-2px);color:var(--accent-hover)}h2{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:10px}h2:hover{transform:translate(5px);color:var(--accent-hover)}p{color:var(--text-secondary);line-height:1.6;transition:all var(--transition-speed) ease}p:hover{transform:translate(5px);color:var(--accent-hover)}.social-links{display:flex;gap:20px;margin-top:15px}.social-links a{color:var(--accent-color);text-decoration:none;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:8px;position:relative}.social-links a:hover{color:var(--accent-hover);transform:translateY(-2px)}.social-links a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--accent-hover);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-speed) ease}.social-links a:hover:after{transform:scaleX(1);transform-origin:left}.resume-button{display:inline-block;padding:10px 20px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:6px;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.resume-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover)}.resume-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.resume-button:hover:before{left:100%}.theme-toggle{position:fixed;top:20px;right:20px;width:45px;height:45px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent-color);z-index:1000;box-shadow:0 2px 5px var(--shadow-color)}.theme-toggle:hover{box-shadow:0 4px 8px var(--shadow-hover)}.theme-toggle svg{color:var(--accent-color)}@media (max-width: 768px){section{padding:20px;margin-bottom:40px}h1{font-size:2rem}h2{font-size:1.6rem}.header-content{flex-direction:column;gap:20px}.theme-toggle{top:10px;right:10px;width:40px;height:40px}}@media (max-width: 480px){main{padding:15px}section{padding:15px;margin-bottom:30px}h1{font-size:1.8rem}h2{font-size:1.4rem}.profile-image-container{width:150px;height:150px}.resume-button{width:100%;text-align:center}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:var(--bg-primary)}.spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:var(--accent-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent-color)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}