*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif;background:radial-gradient(circle at 20% 20%,#1a1a2e,transparent 40%),radial-gradient(circle at 80% 80%,#16213e,transparent 40%),linear-gradient(135deg,#0f2027,#1b2735,#2c5364);color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-x:hidden}.container-wrapper{max-width:1100px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.3);margin:0 auto}.container{border-radius:inherit;padding:3rem;text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.25)}.header img{margin-bottom:1.5rem;opacity:.7;max-width:120px}.header h1{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:.25rem}.header p{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,.65);margin:0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0}.skill-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;gap:.6rem;text-align:left;min-height:150px}.skill-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.15),0 0 12px rgba(0,122,255,.15)}.skill-card-header{display:flex;justify-content:space-between;align-items:center}.status-icon{width:22px;height:22px;position:relative}.loader{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,0,0,.1);border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkmark{position:absolute;top:0;left:0;width:100%;height:100%;stroke-width:3;stroke:#28a745;stroke-miterlimit:10;fill:none;opacity:0}.checkmark.show{opacity:1;animation:scale .3s ease-in-out forwards}.checkmark__circle{stroke:#28a745;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,.05,.36,1) forwards}.checkmark__check{stroke:#28a745;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .4s cubic-bezier(.65,.05,.36,1) forwards .6s}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{50%{transform:scale(1.1)}100%{transform:scale(1)}}.skill-card-header h3{font-size:1rem;font-weight:600;color:#1d1d1f;margin:0;line-height:1.2}.skill-card p{font-size:.9rem;font-weight:400;color:#6e6e73;margin:0;line-height:1.4}.contact{border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;text-align:center}.contact-title{font-size:.95rem;font-weight:500;color:rgba(255,255,255,.6);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em}.contact-links{display:flex;justify-content:center;gap:2rem}.contact a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.contact a:hover{background:rgba(255,255,255,.2);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.25)}.contact .icon{width:22px;height:22px;stroke-width:2;transition:stroke .3s ease;color:#fff}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}.container{padding:2rem}.header h1{font-size:1.8rem}.header p{font-size:1rem}}@media (max-width:600px){.skills-grid{grid-template-columns:1fr}.container{padding:1.2rem}.header h1{font-size:1.5rem}.header p{font-size:.9rem}.contact{flex-direction:column;gap:1rem}}