body,html{padding:0;margin:0;background:linear-gradient(135deg,#e0e7ff,#fef3c7);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#334155}.main-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;gap:60px}.f-logo-container{flex:1 1;display:flex;justify-content:flex-end}.f-logo-styled{font-size:300px;font-weight:900;background:linear-gradient(180deg,#f59e0b,#78350f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(245,158,11,.5));line-height:1}.content-right{flex:1 1;text-align:left}.teocalli-title{font-size:80px;font-weight:800;letter-spacing:10px;margin:0;color:#1e293b}.by-faiiryz{font-size:30px;font-weight:300;color:#475569;margin-bottom:40px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;max-width:500px}.skill-card{padding:20px;border-radius:20px;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:2px solid transparent;transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}.card-python{border-color:#bae6fd}.card-js{border-color:#fef08a}.card-ts{border-color:#bfdbfe}.card-cpp{border-color:#ddd6fe}