:root{--bg-main: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);--bg-card: rgba(255,255,255,.95);--bg-content: rgba(255,255,255,.95);--bg-header: rgba(0,0,0,.2);--bg-footer: rgba(15, 15, 35, .95);--bg-modal: #fff;--bg-modal-animated: conic-gradient(from 90deg, #667eea 0deg, #764ba2 90deg, #4ecdc4 180deg, #ff6b6b 270deg, #667eea 360deg);--color-main: #333;--color-secondary: #666;--color-accent: #667eea;--color-accent2: #764ba2;--color-accent3: #4ecdc4;--color-white: #fff;--color-footer: #fff;--color-link: #4ecdc4;--color-btn: linear-gradient(45deg, #ff6b6b, #4ecdc4);--shadow-main: 0 20px 60px rgba(0,0,0,.3), 0 0 100px rgba(255,255,255,.1);--shadow-card: 0 15px 35px rgba(0,0,0,.2);--shadow-profile: 0 8px 32px rgba(102,126,234,.15);--transition: background .5s, color .5s, box-shadow .5s, border .5s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--color-main);background:var(--bg-main);min-height:100vh;position:relative;overflow-x:hidden;transition:var(--transition)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);z-index:-1;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:20px}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .6s ease}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}.section{padding:40px 30px;position:relative;z-index:2}.section-title{font-size:3rem;color:var(--color-main);margin-bottom:40px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.section-title:before,.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);max-width:100px}.section-title i{font-size:2.5rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.content{background:var(--bg-content);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;margin:40px 0;box-shadow:0 20px 60px #0000004d,0 0 100px #ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.2);position:relative}.content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent);z-index:1}.social-links{display:flex;justify-content:center;gap:20px;margin:30px 0}.social-link{width:50px;height:50px;border-radius:50%;background:var(--color-btn);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.5rem;box-shadow:0 8px 32px #667eea26,0 2px 12px #00000014;border:1.5px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.social-link:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 16px 32px #667eea2e,0 4px 24px #0000001f;filter:brightness(1.08) saturate(1.2)}